Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -2,17 +2,17 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import BlogCardThree from '@/components/sections/blog/BlogCardThree';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
-import { CheckCircle, Shield, Zap } from "lucide-react";
+import { CheckCircle, Shield, Zap, Mail, Phone, MapPin, Search } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -32,18 +32,12 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "home",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
+        { name: "Home", id: "home" },
+        { name: "Features", id: "features" },
+        { name: "All Sites", id: "all-sites" },
+        { name: "Blog", id: "blog" },
+        { name: "FAQ", id: "faq" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="efindcom"
     />
@@ -54,36 +48,12 @@ export default function LandingPage() {
       logoText="efindcom"
       description="Search 2 Million Verified Sites Instantly. Clean, fast search results without the clutter. Every site verified for quality and relevance."
       buttons={[
-        {
-          text: "Start Searching",
-          href: "#",
-        },
+        { text: "Start Searching", href: "#" },
+        { text: "See All Indexed Sites", href: "#all-sites" }
       ]}
       slides={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/tokyo-alley_181624-2239.jpg",
-          imageAlt: "Search Engine Interface 1",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/screen-tech-desk-chart-bureau_1134-1408.jpg",
-          imageAlt: "Search Engine Interface 2",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-internet-browser-search-bar-screen_169016-38635.jpg",
-          imageAlt: "Search Engine Interface 3",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/homepage-concept-with-search-bar_23-2149416716.jpg",
-          imageAlt: "Search Engine Interface 4",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-vector/neon-landing-page-with-smartphone_52683-28231.jpg",
-          imageAlt: "Search Engine Interface 5",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/laptop-screen-with-line-job-search_169016-38606.jpg",
-          imageAlt: "Search Engine Interface 6",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/tokyo-alley_181624-2239.jpg", imageAlt: "Search Engine Interface 1" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/screen-tech-desk-chart-bureau_1134-1408.jpg", imageAlt: "Search Engine Interface 2" },
       ]}
     />
   </div>
@@ -95,33 +65,32 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
       features={[
-        {
-          title: "Verified Quality",
-          description: "Only pre-curated, high-quality websites are included.",
-          imageSrc: "http://img.b2bpic.net/free-photo/extreme-close-up-shot-worker-server-hub-using-tablet_482257-90062.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/data-protection-shield-secured-permission-graphic-concept_53876-122466.jpg",
-          buttonText: "Read More",
-        },
-        {
-          title: "Lightning Speed",
-          description: "Experience instant search results optimized for performance.",
-          imageSrc: "http://img.b2bpic.net/free-photo/homepage-concept-with-search-bar_23-2150040193.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/system-backup-database-integration_53876-133637.jpg",
-          buttonText: "Read More",
-        },
-        {
-          title: "Privacy First",
-          description: "Browse safely without tracking or invasive advertising.",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-cybersecurity-concept-design_23-2151841652.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637780.jpg",
-          buttonText: "Read More",
-        },
+        { title: "Verified Quality", description: "Only pre-curated, high-quality websites are included.", imageSrc: "http://img.b2bpic.net/free-photo/extreme-close-up-shot-worker-server-hub-using-tablet_482257-90062.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/data-protection-shield-secured-permission-graphic-concept_53876-122466.jpg", buttonText: "Read More" },
+        { title: "Lightning Speed", description: "Experience instant search results optimized for performance.", imageSrc: "http://img.b2bpic.net/free-photo/homepage-concept-with-search-bar_23-2150040193.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/system-backup-database-integration_53876-133637.jpg", buttonText: "Read More" },
       ]}
       title="Why efindcom?"
       description="Experience the difference of a search engine that puts quality and user intent at the center."
     />
   </div>
 
+  <div id="all-sites" data-section="all-sites">
+      <FeatureCardTwentyNine
+      animationType="blur-reveal"
+      textboxLayout="default"
+      gridVariant="uniform-all-items-equal"
+      useInvertedBackground={false}
+      title="Indexed Websites Explorer"
+      description="Browse our comprehensive list of over 2 million verified websites sorted by category and quality score."
+      tag="Explore"
+      tagIcon={Search}
+      features={[
+        { title: "Technology", description: "Deep dive into technical resource repositories.", imageSrc: "http://img.b2bpic.net/free-photo/tech-data-server_1234.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/code-editor_5678.jpg", buttonText: "Browse" },
+        { title: "Science & Research", description: "Peer-reviewed journals and research databases.", imageSrc: "http://img.b2bpic.net/free-photo/lab-equipment_8901.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/microscope_2345.jpg", buttonText: "Browse" },
+        { title: "Design & Creative", description: "Portfolios, design resources, and creative hubs.", imageSrc: "http://img.b2bpic.net/free-photo/palette_6789.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/design-studio_0123.jpg", buttonText: "Browse" }
+      ]}
+    />
+  </div>
+
   <div id="metrics" data-section="metrics">
       <MetricCardOne
       animationType="slide-up"
@@ -129,27 +98,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "2M+",
-          title: "Verified Websites",
-          description: "Carefully selected and indexed sites.",
-          icon: CheckCircle,
-        },
-        {
-          id: "m2",
-          value: "<100ms",
-          title: "Response Time",
-          description: "Delivering fast query results globally.",
-          icon: Zap,
-        },
-        {
-          id: "m3",
-          value: "99.9%",
-          title: "Uptime",
-          description: "Always available for your needs.",
-          icon: Shield,
-        },
+        { id: "m1", value: "2M+", title: "Verified Websites", description: "Carefully selected and indexed sites.", icon: CheckCircle },
+        { id: "m2", value: "<100ms", title: "Response Time", description: "Delivering fast query results globally.", icon: Zap },
+        { id: "m3", value: "99.9%", title: "Uptime", description: "Always available for your needs.", icon: Shield },
       ]}
       title="Our Impact"
       description="Numbers that define our commitment to quality search."
@@ -158,19 +109,11 @@ export default function LandingPage() {
 
   <div id="social-proof" data-section="social-proof">
       <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={true}
-      names={[
-        "TechDaily",
-        "WebMaster",
-        "FastSearch",
-        "VerifiedData",
-        "SecureSurf",
-        "GlobalData",
-        "IndexPro",
-      ]}
+      names={["TechDaily", "WebMaster", "FastSearch", "VerifiedData", "SecureSurf"]}
       title="Trusted By Creators"
       description="Join the growing community of researchers and users."
+      textboxLayout="default"
+      useInvertedBackground={false}
     />
   </div>
 
@@ -180,41 +123,8 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          name: "Sarah J.",
-          role: "Researcher",
-          testimonial: "The best search tool for finding clean, verified data.",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-student-cute-woman-smiling-camera_197531-33567.jpg",
-        },
-        {
-          id: "t2",
-          name: "Michael C.",
-          role: "Developer",
-          testimonial: "Fast, minimal, and exactly what I needed.",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-man-working-late-office_23-2148991380.jpg",
-        },
-        {
-          id: "t3",
-          name: "Emily R.",
-          role: "Academic",
-          testimonial: "Saves me so much time in my daily research.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-agricultural-engineer-working-greenhouse_1153-5347.jpg",
-        },
-        {
-          id: "t4",
-          name: "David K.",
-          role: "Data Scientist",
-          testimonial: "Finally, a search engine without feature bloat.",
-          imageSrc: "http://img.b2bpic.net/free-photo/data-center-worker-fixing-errors-affecting-supercomputers_482257-115406.jpg",
-        },
-        {
-          id: "t5",
-          name: "Chloe L.",
-          role: "Strategist",
-          testimonial: "Unparalleled speed and relevant results every time.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-sitting-chair_23-2149833734.jpg",
-        },
+        { id: "t1", name: "Sarah J.", role: "Researcher", testimonial: "The best search tool for finding clean, verified data." },
+        { id: "t2", name: "Michael C.", role: "Developer", testimonial: "Fast, minimal, and exactly what I needed." },
       ]}
       title="What Users Say"
       description="Discover why our users love the efindcom experience."
@@ -224,137 +134,51 @@ export default function LandingPage() {
   <div id="faq" data-section="faq">
       <FaqSplitMedia
       textboxLayout="split"
-      useInvertedBackground={true}
+      useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",
-          title: "Is efindcom privacy-focused?",
-          content: "Absolutely. We do not track user behavior or store search history.",
-        },
-        {
-          id: "f2",
-          title: "How are sites verified?",
-          content: "Our editorial team manually curates and verifies domains for relevance.",
-        },
-        {
-          id: "f3",
-          title: "Can I request a site inclusion?",
-          content: "Yes, please contact our team via the form below.",
-        },
+        { id: "f1", title: "Is efindcom privacy-focused?", content: "Absolutely. We do not track user behavior or store search history." },
+        { id: "f2", title: "How are sites verified?", content: "Our editorial team manually curates and verifies domains for relevance." },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/black-office-business-equipment-black-background_1387-732.jpg"
+      faqsAnimation="slide-up"
       mediaAnimation="slide-up"
       title="Common Questions"
       description="Find answers to our most common inquiries."
-      faqsAnimation="slide-up"
     />
   </div>
 
   <div id="blog" data-section="blog">
-      <BlogCardTwo
+      <BlogCardThree
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       title="Latest Insights"
       description="Updates from the efindcom team on technology and search."
       blogs={[
-        {
-          id: "b1",
-          category: "Tech",
-          title: "How Indexing Works",
-          excerpt: "Deep dive into our 2 million site infrastructure.",
-          imageSrc: "http://img.b2bpic.net/free-photo/homepage-concept-with-search-bar_23-2150040204.jpg",
-          authorName: "Team E",
-          authorAvatar: "http://img.b2bpic.net/free-photo/portrait-young-man-attending-art-class-lesson-with-teacher-learn-draw-masterpiece-canvas-student-smiling-camera-learning-drawing-skills-as-new-years-resolutions-workshop_482257-43088.jpg",
-          date: "2025-01-01",
-        },
-        {
-          id: "b2",
-          category: "Product",
-          title: "Why Verification Matters",
-          excerpt: "The importance of quality filtering in the modern web.",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendered-illustration-human-face-design_460848-8147.jpg",
-          authorName: "Team E",
-          authorAvatar: "http://img.b2bpic.net/free-photo/man-office-reviewing-financial-graphs-analyzing-kpis_482257-126553.jpg",
-          date: "2025-01-05",
-        },
-        {
-          id: "b3",
-          category: "Company",
-          title: "The Road Ahead",
-          excerpt: "New features for researchers and developers.",
-          imageSrc: "http://img.b2bpic.net/free-photo/server-room-manager-oversees-work-done-by-engineer-using-artificial-intelligence_482257-125820.jpg",
-          authorName: "Team E",
-          authorAvatar: "http://img.b2bpic.net/free-photo/woman-sitting-wooden-table-writing_23-2147637601.jpg",
-          date: "2025-01-10",
-        },
+        { id: "b1", category: "Tech", title: "How Indexing Works", excerpt: "Deep dive into our 2 million site infrastructure.", imageSrc: "http://img.b2bpic.net/free-photo/homepage-concept-with-search-bar_23-2150040204.jpg", authorName: "Team E", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-young-man-attending-art-class-lesson-with-teacher-learn-draw-masterpiece-canvas-student-smiling-camera-learning-drawing-skills-as-new-years-resolutions-workshop_482257-43088.jpg", date: "2025-01-01" },
+        { id: "b2", category: "Product", title: "Why Verification Matters", excerpt: "The importance of quality filtering in the modern web.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendered-illustration-human-face-design_460848-8147.jpg", authorName: "Team E", authorAvatar: "http://img.b2bpic.net/free-photo/man-office-reviewing-financial-graphs-analyzing-kpis_482257-126553.jpg", date: "2025-01-05" }
       ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={true}
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      <ContactCenter
       tag="Contact Us"
       title="Get in Touch"
       description="Have questions or suggestions? We'd love to hear from you."
-      buttons={[
-        {
-          text: "Send Message",
-          href: "#",
-        },
-      ]}
+      background={{ variant: "sparkles-gradient" }}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Product",
-          items: [
-            {
-              label: "Search",
-              href: "#",
-            },
-            {
-              label: "Verified Sites",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Contact",
-              href: "#",
-            },
-            {
-              label: "Privacy",
-              href: "#",
-            },
-          ],
-        },
-      ]}
+      <FooterCard
       logoText="efindcom"
       copyrightText="© 2025 efindcom | Search Engine"
+      socialLinks={[
+        { icon: Mail, href: "mailto:hello@efindcom.com", ariaLabel: "Email" },
+        { icon: Phone, href: "tel:+1234567890", ariaLabel: "Phone" },
+        { icon: MapPin, href: "#", ariaLabel: "Address" }
+      ]}
     />
   </div>
       </ReactLenis>