Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -2,40 +2,41 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FeatureBento from '@/components/sections/feature/FeatureBento';
-import FooterCard from '@/components/sections/footer/FooterCard';
+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() {
   return (
     <ThemeProvider
         defaultButtonVariant="icon-arrow"
-        defaultTextAnimation="background-highlight"
-        borderRadius="pill"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
         contentWidth="mediumLarge"
-        sizing="mediumLarge"
-        background="aurora"
-        cardStyle="layered-gradient"
-        primaryButtonStyle="diagonal-gradient"
+        sizing="large"
+        background="none"
+        cardStyle="outline"
+        primaryButtonStyle="flat"
         secondaryButtonStyle="solid"
-        headingFontWeight="light"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        { name: "Precision Tech", id: "#features" },
-        { name: "Clinical Solutions", id: "#products" },
-        { name: "Success Stories", id: "#testimonials" },
-        { name: "Request Demo", id: "#contact" },
+        { name: "Tech Features", id: "#features" },
+        { name: "Clinical Tools", id: "#products" },
+        { name: "Partners", id: "#testimonials" },
+        { name: "FAQ", id: "#faq" },
+        { name: "Contact", id: "#contact" },
       ]}
       brandName="DentBiotech"
     />
@@ -44,44 +45,44 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroLogo
       logoText="DentBiotech"
-      description="Trusted by leading dental practices worldwide. Our integrated diagnostic and surgical platform delivers clinical accuracy, reduces operative time, and streamlines clinic workflows—all built for modern implantology."
+      description="Precision diagnostic and surgical ecosystems for modern implantology. Delivering zero-compromise accuracy and workflow efficiency for clinical excellence."
       buttons={[
-        { text: "Request Demo & Pricing", href: "#contact" },
+        { text: "Request Clinical Demo", href: "#contact" },
       ]}
       buttonAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/professional-device-rejuvenation-medicine-blue-bottles-botox-cosmetology-therapy-preparation-operation_197531-2782.jpg?_wi=1"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E5nwFmXp9iCowlk2gihQJ7OZtH/uploaded-1779477965826-89oqvvyx.jpg?_wi=1"
     />
   </div>
 
   <div id="about" data-section="about">
       <TextAbout
       useInvertedBackground={false}
-      tag="Clinical Precision"
-      title="Empowering Surgeons with Advanced Biotech Engineering"
+      tag="Advanced Engineering"
+      title="Engineered for the Modern Implantologist"
       buttons={[
-        { text: "Learn More" },
+        { text: "Explore Technology" },
       ]}
     />
   </div>
 
   <div id="features" data-section="features">
-      <FeatureBento
+      <FeatureCardMedia
       animationType="slide-up"
-      textboxLayout="default"
+      textboxLayout="split"
       useInvertedBackground={false}
+      title="Integrated Surgical Ecosystem"
+      description="A modular biotech platform that standardizes surgical outcomes across your entire practice, optimizing everything from diagnostics to patient post-op management."
       features={[
         {
-          title: "Precision Imaging",          description: "High resolution 3D modeling.",          bentoComponent: "reveal-icon",          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 Guidance",          description: "Real-time navigation support.",          bentoComponent: "reveal-icon",          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: "Analytics Engine",          description: "Clinical outcome tracking.",          bentoComponent: "reveal-icon",          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"
         },
       ]}
-      title="Integrated Workflow Optimization"
-      description="Our platform seamlessly integrates into your existing practice infrastructure."
     />
   </div>
 
@@ -92,98 +93,84 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",          brand: "DentBiotech",          name: "Pro-Implant Kit",          price: "$4,200",          rating: 5,
-          reviewCount: "120",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-tray-with-medical-scalpel-tools_23-2149299224.jpg?_wi=1"},
-        {
-          id: "p2",          brand: "DentBiotech",          name: "Surgical Guide System",          price: "$8,500",          rating: 5,
-          reviewCount: "85",          imageSrc: "http://img.b2bpic.net/free-photo/jar-cotton-rolls-orthodontic-instruments-dental-procedure_651396-3108.jpg?_wi=1"},
-        {
-          id: "p3",          brand: "DentBiotech",          name: "Biotech Handpiece",          price: "$2,900",          rating: 4,
-          reviewCount: "200",          imageSrc: "http://img.b2bpic.net/free-photo/dental-tools-equipment-white-background_1232-4416.jpg?_wi=1"},
-        {
-          id: "p4",          brand: "DentBiotech",          name: "Diagnostic Software",          price: "$1,500",          rating: 5,
-          reviewCount: "340",          imageSrc: "http://img.b2bpic.net/free-photo/dental-tools-equipment-dental-chart-white-background_1232-4429.jpg"},
-        {
-          id: "p5",          brand: "DentBiotech",          name: "Precision Drill Set",          price: "$950",          rating: 4,
-          reviewCount: "500",          imageSrc: "http://img.b2bpic.net/free-photo/dental-tools-background_1232-2898.jpg"},
-        {
-          id: "p6",          brand: "DentBiotech",          name: "Sterilization Unit",          price: "$3,200",          rating: 5,
-          reviewCount: "45",          imageSrc: "http://img.b2bpic.net/free-photo/man-dentist-s-appointment_1321-4592.jpg"},
+        { 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?_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="Our Clinical Solutions"
-      description="Advanced tools for implant specialists."
+      title="Clinical Solutions Suite"
+      description="Optimized hardware and software tools designed specifically for high-efficiency implant centers."
     />
   </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}
-      title="Measured Clinical Impact"
-      tag="Our Results"
       metrics={[
         { id: "m1", value: "25%", description: "Reduction in operative time" },
-        { id: "m2", value: "98%", description: "Clinical accuracy rate" },
-        { id: "m3", value: "1500+", description: "Successful surgeries" },
+        { 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"
+      <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",          date: "Oct 2024",          title: "Lead Surgeon",          quote: "The precision is unmatched.",          tag: "Implantology",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-male-surgeon-operation-theater-looking-camera-doctor-scrubs-medical-mask-modern-hospital-operating-room_657921-1053.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/professional-device-rejuvenation-medicine-blue-bottles-botox-cosmetology-therapy-preparation-operation_197531-2782.jpg?_wi=2",          imageAlt: "dentist portrait in scrubs"},
-        {
-          id: "t2",          name: "Dr. James Chen",          date: "Sept 2024",          title: "Practice Owner",          quote: "Significant ROI achieved.",          tag: "Business",          avatarSrc: "http://img.b2bpic.net/free-photo/nurse-preparing-consult_23-2149309928.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/old-man-sitting-dentist-s-office_1157-19444.jpg",          imageAlt: "dentist portrait in scrubs"},
-        {
-          id: "t3",          name: "Dr. Elena Rossi",          date: "Aug 2024",          title: "Implant Specialist",          quote: "Workflow is seamless.",          tag: "Surgery",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-male-doctor-dressed-uniform_171337-1486.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-tray-with-medical-scalpel-tools_23-2149299224.jpg?_wi=2",          imageAlt: "dentist portrait in scrubs"},
-        {
-          id: "t4",          name: "Dr. Marcus White",          date: "July 2024",          title: "Clinical Director",          quote: "Essential biotech upgrade.",          tag: "Tech",          avatarSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-sheet_1098-912.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/jar-cotton-rolls-orthodontic-instruments-dental-procedure_651396-3108.jpg?_wi=2",          imageAlt: "dentist portrait in scrubs"},
-        {
-          id: "t5",          name: "Dr. Anna Smith",          date: "June 2024",          title: "Lead Surgeon",          quote: "My go-to equipment provider.",          tag: "Surgery",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-male-surgeon-operation-theater-looking-camera-doctor-scrubs-medical-mask-modern-hospital-operating-room_657921-1165.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/dental-tools-equipment-white-background_1232-4416.jpg?_wi=2",          imageAlt: "dentist portrait in scrubs"},
+        { 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" },
       ]}
-      title="Leading Practice Success"
-      description="Validated by top implantologists globally."
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
+      <FaqBase
+      title="Technical Support"
+      description="Clinical standards and platform integration."
+      textboxLayout="split"
+      faqsAnimation="slide-up"
       useInvertedBackground={false}
       faqs={[
-        { id: "f1", title: "Integration Process", content: "Our team ensures seamless deployment." },
-        { id: "f2", title: "Compliance & Regulations", content: "Fully certified for clinical standards." },
-        { id: "f3", title: "Staff Training", content: "Comprehensive training programs provided." },
+        { 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." },
       ]}
-      title="Practice Implementation Questions"
-      description="Frequently asked questions from our clinic partners."
-      faqsAnimation="slide-up"
     />
   </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="Request Demo & Pricing"
-      description="Our clinical consultants are ready to assist with your practice integration strategy."
-      inputs={[
-        { name: "name", type: "text", placeholder: "Clinic Name", required: true },
-        { name: "email", type: "email", placeholder: "Work Email", required: true },
-      ]}
-      textarea={{ name: "message", placeholder: "Your message", rows: 4 }}
-      imageSrc="http://img.b2bpic.net/free-photo/laboratory-supplies-medical-work_23-2149744722.jpg"
+      background={{ variant: "plain" }}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterMedia
       logoText="DentBiotech"
-      copyrightText="© 2025 | DentBiotech Advanced Solutions"
+      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>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f0fdf4;
+  --background: #f5f4f0;
   --card: #ffffff;
-  --foreground: #064e3b;
-  --primary-cta: #047857;
+  --foreground: #1a1a1a;
+  --primary-cta: #2c2c2c;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #f5f4f0;
   --secondary-cta-text: #064e3b;
-  --accent: #34d399;
-  --background-accent: #ecfdf5;
+  --accent: #8a8a8a;
+  --background-accent: #e8e6e1;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);