Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,16 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
-import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FaqBase from '@/components/sections/faq/FaqBase';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
-import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
+import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 import TextAbout from '@/components/sections/about/TextAbout';
+import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
 import { LineChart, Navigation, Scan } from "lucide-react";
 
 export default function LandingPage() {
@@ -50,7 +50,7 @@ export default function LandingPage() {
         { text: "Request Clinical Demo", href: "#contact" },
       ]}
       buttonAnimation="slide-up"
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E5nwFmXp9iCowlk2gihQJ7OZtH/uploaded-1779477965826-89oqvvyx.jpg"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E5nwFmXp9iCowlk2gihQJ7OZtH/uploaded-1779477965826-89oqvvyx.jpg?_wi=1"
     />
   </div>
 
@@ -66,7 +66,7 @@ export default function LandingPage() {
   </div>
 
   <div id="features" data-section="features">
-      <FeatureBorderGlow
+      <FeatureCardMedia
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
@@ -74,13 +74,13 @@ export default function LandingPage() {
       description="A modular biotech platform that standardizes surgical outcomes across your entire practice, optimizing everything from diagnostics to patient post-op management."
       features={[
         {
-          title: "Advanced Imaging",          description: "High-resolution, AI-augmented 3D diagnostic modeling.",          icon: Scan,
+          id: "f1",          title: "Advanced Imaging",          description: "High-resolution, AI-augmented 3D diagnostic modeling.",          tag: "3D",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E5nwFmXp9iCowlk2gihQJ7OZtH/uploaded-1779477965826-89oqvvyx.jpg?_wi=2"
         },
         {
-          title: "Surgical Navigation",          description: "Precision-guided navigation for real-time procedural support.",          icon: Navigation,
+          id: "f2",          title: "Surgical Navigation",          description: "Precision-guided navigation for real-time procedural support.",          tag: "Guided",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E5nwFmXp9iCowlk2gihQJ7OZtH/uploaded-1779477965826-qslgumqd.jpg?_wi=1"
         },
         {
-          title: "Outcome Analytics",          description: "Evidence-based performance tracking for continuous improvement.",          icon: LineChart,
+          id: "f3",          title: "Outcome Analytics",          description: "Evidence-based performance tracking for continuous improvement.",          tag: "Data",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E5nwFmXp9iCowlk2gihQJ7OZtH/uploaded-1779477965826-uerzf0js.jpg"
         },
       ]}
     />
@@ -94,7 +94,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         { id: "p1", brand: "DentBiotech", name: "Pro-Implant Kit", price: "$4,200", rating: 5, reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E5nwFmXp9iCowlk2gihQJ7OZtH/uploaded-1779477965826-ujl63g3w.jpg?_wi=1"},
-        { id: "p2", brand: "DentBiotech", name: "Surgical Guide System", price: "$8,500", rating: 5, reviewCount: "85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E5nwFmXp9iCowlk2gihQJ7OZtH/uploaded-1779477965826-qslgumqd.jpg"},
+        { id: "p2", brand: "DentBiotech", name: "Surgical Guide System", price: "$8,500", rating: 5, reviewCount: "85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E5nwFmXp9iCowlk2gihQJ7OZtH/uploaded-1779477965826-qslgumqd.jpg?_wi=2"},
         { id: "p3", brand: "DentBiotech", name: "Precision Handpiece", price: "$2,900", rating: 4, reviewCount: "200", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E5nwFmXp9iCowlk2gihQJ7OZtH/uploaded-1779477965826-uerzf0js.jpg?_wi=1"},
       ]}
       title="Clinical Solutions Suite"
@@ -103,66 +103,74 @@ export default function LandingPage() {
   </div>
 
   <div id="metrics" data-section="metrics">
-      <MetricCardFourteen
+      <MetricCardTwo
+      title="Operational Performance"
+      description="Proven results in clinical efficiency and outcome accuracy."
+      gridVariant="uniform-all-items-equal"
+      animationType="slide-up"
+      textboxLayout="split"
       useInvertedBackground={false}
-      tag="Operational Success"
-      title="Proven Operational Performance"
       metrics={[
-        { id: "m1", value: "25%", description: "Reduction in average operative time" },
-        { id: "m2", value: "98%", description: "Enhanced clinical precision rate" },
-        { id: "m3", value: "1500+", description: "Clinical implant surgeries facilitated" },
+        { id: "m1", value: "25%", description: "Reduction in operative time" },
+        { id: "m2", value: "98%", description: "Precision rate" },
+        { id: "m3", value: "1500+", description: "Surgeries facilitated" },
       ]}
-      metricsAnimation="slide-up"
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        { id: "t1", name: "Dr. Sarah Miller", date: "Oct 2024", title: "Implant Surgeon", quote: "DentBiotech transformed our surgical workflow. The accuracy is absolute.", tag: "Clinical Excellence", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E5nwFmXp9iCowlk2gihQJ7OZtH/uploaded-1779477965826-89oqvvyx.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E5nwFmXp9iCowlk2gihQJ7OZtH/uploaded-1779477965826-ujl63g3w.jpg?_wi=2"},
-        { id: "t2", name: "Dr. James Chen", date: "Sept 2024", title: "Practice Owner", quote: "The analytics engine provides clarity on surgical outcomes that we simply didn't have before.", tag: "Strategic ROI", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E5nwFmXp9iCowlk2gihQJ7OZtH/uploaded-1779477965826-qslgumqd.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E5nwFmXp9iCowlk2gihQJ7OZtH/uploaded-1779477965826-uerzf0js.jpg?_wi=2"},
-      ]}
+      <TestimonialCardSixteen
       title="Global Practice Leaders"
       description="Trusted by premier dental implant centers worldwide."
+      kpiItems={[
+        { value: "50+", label: "Clinics" },
+        { value: "99%", label: "Satisfaction" },
+        { value: "10k", label: "Implants" }
+      ]}
+      animationType="slide-up"
+      textboxLayout="split"
+      useInvertedBackground={false}
+      testimonials={[
+        { id: "t1", name: "Dr. Sarah Miller", role: "Implant Surgeon", company: "Miller Dental", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E5nwFmXp9iCowlk2gihQJ7OZtH/uploaded-1779477965826-89oqvvyx.jpg?_wi=3" },
+        { id: "t2", name: "Dr. James Chen", role: "Owner", company: "Chen Implantology", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E5nwFmXp9iCowlk2gihQJ7OZtH/uploaded-1779477965826-qslgumqd.jpg?_wi=3" },
+      ]}
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      sideTitle="Technical Support"
-      sideDescription="Detailed answers regarding platform integration and clinical standards."
-      faqs={[
-        { id: "f1", title: "Seamless Integration", content: "Our implementation specialists ensure minimal practice disruption." },
-        { id: "f2", title: "Regulatory Compliance", content: "All DentBiotech systems exceed international clinical standards." },
-        { id: "f3", title: "Comprehensive Training", content: "Access our certified portal for ongoing staff education." },
-      ]}
+      <FaqBase
+      title="Technical Support"
+      description="Clinical standards and platform integration."
+      textboxLayout="split"
       faqsAnimation="slide-up"
+      useInvertedBackground={false}
+      faqs={[
+        { id: "f1", title: "Integration", content: "Seamless practice disruption minimalization." },
+        { id: "f2", title: "Compliance", content: "Exceeding all international standards." },
+        { id: "f3", title: "Training", content: "Certified staff educational portal." },
+      ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
+      <ContactCTA
+      tag="Consultation"
+      title="Digital Transformation"
+      description="Speak with our regional clinical advisors regarding your practice integration."
+      buttons={[{ text: "Request Demo" }]}
       useInvertedBackground={false}
-      title="Start Your Digital Transformation"
-      description="Request a private consultation with our regional advisors."
-      inputs={[
-        { name: "name", type: "text", placeholder: "Full Name", required: true },
-        { name: "clinic", type: "text", placeholder: "Clinic Name", required: true },
-        { name: "email", type: "email", placeholder: "Work Email", required: true },
-      ]}
-      textarea={{ name: "message", placeholder: "Your clinical goals", rows: 4 }}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E5nwFmXp9iCowlk2gihQJ7OZtH/uploaded-1779477965826-ujl63g3w.jpg?_wi=3"
+      background={{ variant: "plain" }}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
+      <FooterMedia
       logoText="DentBiotech"
-      leftLink={{ text: "Privacy Policy", href: "#" }}
-      rightLink={{ text: "Terms of Service", href: "#" }}
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E5nwFmXp9iCowlk2gihQJ7OZtH/uploaded-1779477965826-ujl63g3w.jpg?_wi=3"
+      columns={[
+        { title: "Solutions", items: [{ label: "Diagnostic", href: "#" }, { label: "Surgical", href: "#" }] },
+        { title: "Company", items: [{ label: "Support", href: "#" }, { label: "Privacy", href: "#" }] }
+      ]}
     />
   </div>
       </ReactLenis>