11'use client' ;
22
3- import { graphql } from '@/gql' ;
4- import { useQuery } from '@tanstack/react-query' ;
53import Image from 'next/image' ;
64import Link from 'next/link' ;
75import { useRouter } from 'next/navigation' ;
6+ import { graphql } from '@/gql' ;
7+ import { useTourTrigger } from '@/hooks/use-tour-trigger' ;
8+ import { useQuery } from '@tanstack/react-query' ;
89import { SearchInput , Spinner , Text } from 'opub-ui' ;
910
10- import { useTourTrigger } from '@/hooks/use-tour-trigger' ;
1111import { GraphQL } from '@/lib/api' ;
1212import { cn } from '@/lib/utils' ;
1313import Styles from '../page.module.scss' ;
@@ -24,13 +24,12 @@ const statsInfo: any = graphql(`
2424 }
2525` ) ;
2626
27-
2827export const Content = ( ) => {
2928 const router = useRouter ( ) ;
30-
29+
3130 // Enable tour for first-time users
3231 useTourTrigger ( true , 1500 ) ;
33-
32+
3433 const Stats : { data : any ; isLoading : any } = useQuery ( [ `statsDetails` ] , ( ) =>
3534 GraphQL ( statsInfo , { } , [ ] )
3635 ) ;
@@ -64,17 +63,25 @@ export const Content = () => {
6463 } ,
6564 ] ;
6665
67-
6866 return (
6967 < main className = "container py-10 md:px-8 lg:py-20" >
7068 < div className = "flex justify-around gap-8 px-4 md:px-12 lg:px-12" >
7169 < div className = "flex flex-col gap-11 lg:w-[60%]" >
7270 < div className = "flex flex-col gap-2" >
73- < Text variant = "heading3xl" color = "onBgDefault" className = 'text-textOnBGDefault1' >
71+ < Text
72+ variant = "heading3xl"
73+ color = "onBgDefault"
74+ className = "text-textOnBGDefault1"
75+ >
7476 An Open-Source Platform for Collaborative Data-Driven Change
7577 </ Text >
76- < Text variant = "headingLg" color = "onBgDefault" className = 'text-textOnBGDefault2' >
77- Share datasets, knowledge resources, and AI use-cases for data changemakers.
78+ < Text
79+ variant = "headingLg"
80+ color = "onBgDefault"
81+ className = "text-textOnBGDefault2"
82+ >
83+ Share datasets, knowledge resources, and AI use-cases for data
84+ changemakers.
7885 </ Text >
7986 </ div >
8087 < div className = "w-full" data-tour = "search-bar" >
@@ -115,7 +122,7 @@ export const Content = () => {
115122 < Text
116123 color = "onBgDefault"
117124 fontWeight = "semibold"
118- className = "uppercase text-xs text-textSurfaceStats"
125+ className = "text-xs uppercase text-textSurfaceStats"
119126 >
120127 { item . label }
121128 </ Text >
@@ -124,7 +131,7 @@ export const Content = () => {
124131 ) ) }
125132 </ div >
126133 ) }
127-
134+
128135 { /* <div className="flex flex-wrap gap-4">
129136 {Sectors.map((item, index) => (
130137 <div key={index}>
0 commit comments