Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -3,16 +3,16 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import BlogCardThree from '@/components/sections/blog/BlogCardThree';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactText from '@/components/sections/contact/ContactText';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 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, Mail, Phone, MapPin } from "lucide-react";
+import { CheckCircle, Shield, Zap, Search } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -34,6 +34,7 @@ export default function LandingPage() {
       navItems={[
         { 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" },
@@ -46,7 +47,10 @@ export default function LandingPage() {
       <HeroCarouselLogo
       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: "#" }]}
+      buttons={[
+        { 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" },
@@ -69,6 +73,24 @@ export default function LandingPage() {
     />
   </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"
@@ -139,27 +161,24 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
-      tag="Contact Us"
-      title="Get in Touch"
-      description="Have questions or suggestions? We'd love to hear from you."
+      <ContactText
+      text="Get in Touch: Reach us at contact@efindcom.com for any inquiries or support."
       background={{ variant: "sparkles-gradient" }}
       useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterBaseCard
       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" }
+      columns={[
+        { title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Sites", href: "#all-sites" }] },
+        { title: "Company", items: [{ label: "Blog", href: "#blog" }, { label: "FAQ", href: "#faq" }] },
+        { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}