feat: Create FE home page and about page

app/page.tsx

@@ -1,13 +1,5 @@
 import HeroSection from './components/home/HeroSection';
-import WhyChooseUs from './components/home/WhyChooseUs';
-import VisaSolutions from './components/home/VisaSolutions';
-import VisaCountries from './components/home/VisaCountries';
-import Testimonials from './components/home/Testimonials';
-import VideoGallery from './components/home/VideoGallery';
-import FAQSection from './components/home/FAQSection';
-import Achievements from './components/home/Achievements';
-import Partners from './components/home/Partners';
-import BlogPreview from './components/home/BlogPreview';
+import QuickLinksGrid from './components/home/QuickLinksGrid'; 
 import localHomeData from './home.json';
 import { getCmsImageUrl } from '@/utils/image';
 import { fetchHomeData } from '@/api';
@@ -38,18 +30,8 @@ export default async function Home() {
 
   return (
     <>
-      <HeroSection data={data.hero} />
-      <WhyChooseUs data={data.whyChooseUs} />
-      <VisaSolutions data={data.visaSolutions} />
-      <VisaCountries data={data.visaCountries} />
-      <Testimonials data={data.testimonials} />
-      <VideoGallery data={data.videoGallery} />
-      <FAQSection data={data.faq} />
-      <Achievements data={data.achievements} />
-      <Partners data={data.partners} />
-
-    
-
+      <HeroSection/>
+      <QuickLinksGrid/>
     </>
   );
 }