Switch to version 17: modified src/app/page.tsx

Merge version_18 into main

src/app/page.tsx

@@ -1,235 +1,155 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
-import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
-import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
-import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
-import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import HeroLogo from "@/components/sections/hero/HeroLogo";
+import MediaAbout from "@/components/sections/about/MediaAbout";
+import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
+import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
+import FaqBase from "@/components/sections/faq/FaqBase";
+import ContactCTA from "@/components/sections/contact/ContactCTA";
+import { Mail, CheckCircle2 } from "lucide-react";
 
-const handleAppointmentClick = () => {
-  const contactSection = document.getElementById('contact');
-  if (contactSection) {
-    contactSection.scrollIntoView({ behavior: 'smooth' });
-  }
-};
-
-export default function LandingPage() {
+const page = () => {
   return (
     <ThemeProvider
-      defaultButtonVariant="text-stagger"
-      defaultTextAnimation="reveal-blur"
-      borderRadius="pill"
-      contentWidth="smallMedium"
-      sizing="mediumLargeSizeMediumTitles"
-      background="circleGradient"
-      cardStyle="layered-gradient"
-      primaryButtonStyle="primary-glow"
-      secondaryButtonStyle="solid"
-      headingFontWeight="light"
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="large"
+      background="none"
+      cardStyle="solid"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
     >
-      <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingInline
-          brandName="EXPERT DENTAL CARE"
-          navItems={[
-            { name: "Services", id: "services" },
-            { name: "About", id: "about" },
-            { name: "Testimonials", id: "testimonials" },
-            { name: "Contact", id: "contact" }
+      <NavbarStyleFullscreen
+        navItems={[
+          { name: "Home", id: "/" },
+          { name: "About", id: "#why-choose-us" },
+          { name: "Services", id: "#services" },
+          { name: "Pricing", id: "#pricing" },
+          { name: "FAQ", id: "#faq" },
+        ]}
+        brandName="EXPERT DENTAL CARE"
+        bottomLeftText="Global Community"
+        bottomRightText="hello@example.com"
+      />
+
+      <div id="hero" data-section="hero">
+        <HeroLogo
+          logoText="EXPERT DENTAL CARE"
+          description="Professional Dental Services for Your Smile"
+          buttons={[
+            { text: "Learn More", href: "#why-choose-us" },
+            { text: "Contact Us", href: "#contact" },
           ]}
-          button={{ text: "Book Appointment", onClick: handleAppointmentClick }}
-          animateOnLoad={true}
+          imageSrc="/placeholders/placeholder5.jpg?_wi=1"
+          imageAlt="Dental care background"
         />
       </div>
 
-      <div id="hero" data-section="hero">
-        <HeroSplitKpi
-          title="Expert Care for Your Perfect Smile"
-          description="Welcome to EXPERT DENTAL CARE, where we provide comprehensive dental treatments to help you maintain healthy, beautiful teeth. Our experienced team uses advanced technology to ensure optimal care and comfort for every patient."
-          background={{ variant: "plain" }}
-          kpis={[
-            { value: "20+", label: "Years Experience" },
-            { value: "5000+", label: "Happy Patients" },
-            { value: "99%", label: "Satisfaction Rate" }
-          ]}
-          enableKpiAnimation={true}
+      <div id="why-choose-us" data-section="why-choose-us">
+        <MediaAbout
+          title="Why Choose EXPERT DENTAL CARE"
+          description="We are committed to providing the highest quality dental care with a focus on patient comfort and satisfaction. Our team of experienced professionals uses the latest technology to ensure the best outcomes."
+          tag="About Us"
+          imageSrc="/placeholders/placeholder5.jpg?_wi=2"
+          imageAlt="Our dental clinic"
           buttons={[
-            { text: "Book Appointment", onClick: handleAppointmentClick },
-            { text: "Call Now", href: "tel:+1-555-123-4567" }
+            { text: "Learn More", href: "#services" },
+            { text: "Schedule Appointment", href: "#contact" },
           ]}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772914288718-h4vcoekz.png"
-          imageAlt="Patient with beautiful smile"
-          mediaAnimation="slide-up"
-          imagePosition="right"
+          useInvertedBackground={false}
         />
       </div>
 
       <div id="services" data-section="services">
-        <FeatureCardNine
-          title="Our Dental Services"
-          description="Experience world-class dental care with our comprehensive range of treatments designed to meet all your oral health needs"
-          tag="Services"
-          textboxLayout="default"
+        <FeatureCardTwentySeven
           features={[
             {
-              id: 1,
-              title: "Teeth Cleaning",              description: "Professional teeth cleaning service - Starting at $99",              phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772918284947-ravmypqr.png", imageAlt: "Professional teeth cleaning service" },
-              phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772918284947-ravmypqr.png", imageAlt: "Professional teeth cleaning service" }
-            },
+              id: "1",              title: "Teeth Cleaning",              description: "Professional teeth cleaning to remove plaque and tartar, keeping your teeth healthy and bright.",              imageSrc: "/placeholders/placeholder5.jpg?_wi=3",              imageAlt: "Teeth cleaning service"},
             {
-              id: 2,
-              title: "Dental Implants",              description: "Dental implant procedure - Starting at $1,500",              phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772916731148-bq62oa9t.png", imageAlt: "Dental implant procedure" },
-              phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772916754407-rqt55yk8.jpg", imageAlt: "Dental implant procedure" }
-            },
+              id: "2",              title: "Dental Implants",              description: "Advanced dental implant solutions to replace missing teeth with natural-looking results.",              imageSrc: "/placeholders/placeholder5.jpg?_wi=4",              imageAlt: "Dental implants service"},
             {
-              id: 3,
-              title: "Teeth Whitening",              description: "Professional teeth whitening - Starting at $199",              phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772917470635-7x7xoeoe.png", imageAlt: "Professional teeth whitening" },
-              phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772917533721-j9fojxt6.jpg", imageAlt: "Professional teeth whitening" }
-            },
+              id: "3",              title: "Teeth Whitening",              description: "Safe and effective teeth whitening treatments to achieve a brighter, more confident smile.",              imageSrc: "/placeholders/placeholder5.jpg?_wi=5",              imageAlt: "Teeth whitening service"},
             {
-              id: 4,
-              title: "Root Canal Treatment",              description: "Root canal treatment - Starting at $800",              phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772917906248-gacjsri3.jpg", imageAlt: "Root canal treatment" },
-              phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772917921581-8s7eoz1a.jpg", imageAlt: "Root canal treatment" }
-            },
-            {
-              id: 5,
-              title: "Braces / Orthodontics",              description: "Orthodontic braces treatment - Starting at $3,000",              phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772918038084-xc9gz10f.jpg", imageAlt: "Orthodontic braces treatment" },
-              phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772918049445-ej7j9ung.jpg", imageAlt: "Orthodontic braces treatment" }
-            },
-            {
-              id: 6,
-              title: "Cosmetic Dentistry",              description: "Cosmetic dentistry services - Starting at $500",              phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772918159223-nrb9uuet.jpg", imageAlt: "Cosmetic dentistry services" },
-              phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFSYOeBWG7LyEYTdDfN4zPwli/uploaded-1772918242335-26ikwom7.jpg", imageAlt: "Cosmetic dentistry services" }
-            }
+              id: "4",              title: "Root Canal Treatment",              description: "Expert root canal treatment to save your tooth and relieve pain from infection.",              imageSrc: "/placeholders/placeholder5.jpg?_wi=6",              imageAlt: "Root canal treatment"},
           ]}
-          showStepNumbers={false}
-          animationType="slide-up"
-          useInvertedBackground={false}
-        />
-      </div>
-
-      <div id="about" data-section="about">
-        <InlineImageSplitTextAbout
-          heading={[
-            { type: "text", content: "Meet Our Lead Dentist with Over 20 Years of Excellence" }
-          ]}
-          buttons={[
-            { text: "Learn More About Our Team", href: "#testimonials" }
-          ]}
-          buttonAnimation="slide-up"
-          useInvertedBackground={false}
-        />
-      </div>
-
-      <div id="features" data-section="features">
-        <FeatureCardOne
-          title="Why Choose EXPERT DENTAL CARE?"
-          description="We are committed to providing exceptional dental care with a focus on patient comfort and satisfaction"
-          tag="Our Advantages"
-          features={[
-            {
-              title: "Experienced Dentists",              description: "Our team consists of highly trained dental professionals with extensive experience in all aspects of modern dentistry",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-dentist-clinic_23-2149164357.jpg",              imageAlt: "Experienced dental team"
-            },
-            {
-              title: "Advanced Dental Equipment",              description: "We invest in cutting-edge dental technology to ensure accurate diagnoses and effective treatments",              imageSrc: "http://img.b2bpic.net/free-photo/happy-man-welcoming-lady-sitting-sofa-holding-digital-tablet_23-2147879153.jpg?_wi=1",              imageAlt: "Modern dental clinic"
-            },
-            {
-              title: "Pain-Free Treatment",              description: "Patient comfort is our priority. We use modern anesthesia techniques and gentle methods for painless dental care",              imageSrc: "http://img.b2bpic.net/free-photo/cheerful-dark-skinned-male-with-afro-hairstyle-keeps-hand-head-laughs-as-has-fun_273609-8514.jpg?_wi=2",              imageAlt: "Comfortable dental experience"
-            },
-            {
-              title: "Affordable Prices",              description: "We offer competitive pricing without compromising on quality of care and service",              imageSrc: "http://img.b2bpic.net/free-photo/dental-tools-equipment-white-background_1232-4445.jpg?_wi=2",              imageAlt: "Affordable dental services"
-            }
-          ]}
-          gridVariant="two-columns-alternating-heights"
+          gridVariant="four-items-2x2-equal-grid"
           animationType="slide-up"
+          title="Our Services"
+          description="We offer a comprehensive range of dental services to meet all your oral health needs."
           textboxLayout="default"
           useInvertedBackground={false}
         />
       </div>
 
-      <div id="testimonials" data-section="testimonials">
-        <TestimonialCardSix
-          title="What Our Patients Say"
-          description="Read real testimonials from satisfied patients who have experienced our excellent dental care"
-          textboxLayout="default"
-          animationType="slide-up"
-          useInvertedBackground={false}
-          testimonials={[
+      <div id="pricing" data-section="pricing">
+        <PricingCardFive
+          plans={[
             {
-              id: "1",              name: "Sarah Johnson",              handle: "Patient since 2019",              testimonial: "Dr. Smith and his team are absolutely fantastic! They made my teeth whitening experience pain-free and the results exceeded my expectations. Highly recommend!",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-hair-stylist_23-2148113070.jpg",              imageAlt: "Sarah Johnson"
+              id: "basic",              tag: "Basic Plan",              price: "$99",              period: "/month",              description: "Essential dental care for maintaining your oral health.",              button: { text: "Get Started", href: "#contact" },              featuresTitle: "What's Included:",              features: [
+                "Regular checkups",                "Professional cleaning",                "Oral health consultation"],
             },
             {
-              id: "2",              name: "Michael Chen",              handle: "Patient since 2020",              testimonial: "I had my dental implant done here and couldn't be happier. The entire process was professional and the staff was incredibly caring throughout.",              imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-male-dentist-process-curing-teeth_651396-1697.jpg",              imageAlt: "Michael Chen"
+              id: "professional",              tag: "Professional Plan",              price: "$199",              period: "/month",              description: "Comprehensive dental care with advanced treatments.",              button: { text: "Get Started", href: "#contact" },              featuresTitle: "What's Included:",              features: [
+                "All Basic Plan features",                "X-rays and diagnostics",                "Cosmetic treatments",                "Priority scheduling"],
             },
             {
-              id: "3",              name: "Emily Rodriguez",              handle: "Patient since 2018",              testimonial: "The best dental clinic I've ever been to! They use advanced equipment and really take time to explain everything. My family goes here too!",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-cute-girlfriend-giggle-reading-notebook-holding-planner-smiling-camera_1258-201148.jpg",              imageAlt: "Emily Rodriguez"
+              id: "premium",              tag: "Premium Plan",              price: "$399",              period: "/month",              description: "Premium dental care with specialized treatments and priority support.",              button: { text: "Get Started", href: "#contact" },              featuresTitle: "What's Included:",              features: [
+                "All Professional Plan features",                "Dental implants coverage",                "Emergency 24/7 support",                "Dedicated dentist"],
             },
-            {
-              id: "4",              name: "David Kim",              handle: "Patient since 2021",              testimonial: "Had root canal treatment here and was nervous, but the team made me feel comfortable. Pain-free procedure and excellent aftercare instructions.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-senior-man_23-2149207197.jpg",              imageAlt: "David Kim"
-            },
-            {
-              id: "5",              name: "Jessica Thompson",              handle: "Patient since 2017",              testimonial: "My orthodontic journey with EXPERT DENTAL CARE was amazing. Professional team, beautiful smile results. Worth every penny!",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-doctor-holding-medical-reports_107420-73971.jpg",              imageAlt: "Jessica Thompson"
-            },
-            {
-              id: "6",              name: "Robert Martinez",              handle: "Patient since 2019",              testimonial: "Regular patient for years now. Consistent quality, friendly staff, and fair prices. This is my go-to dental clinic for all my family's needs.",              imageSrc: "http://img.b2bpic.net/free-photo/cheerful-gay-pride-lgbt-festival_53876-71008.jpg",              imageAlt: "Robert Martinez"
-            }
           ]}
-          speed={40}
+          animationType="slide-up"
+          title="Our Pricing"
+          description="Choose the plan that works best for you and your family."
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="faq" data-section="faq">
+        <FaqBase
+          faqs={[
+            {
+              id: "1",              title: "How often should I visit the dentist?",              content:
+                "Most people should visit their dentist twice a year for regular checkups and cleanings. However, some may need more frequent visits depending on their oral health condition."},
+            {
+              id: "2",              title: "Are dental implants safe?",              content:
+                "Yes, dental implants are a safe and effective solution for replacing missing teeth. They are made from biocompatible materials and have a high success rate when properly placed and maintained."},
+            {
+              id: "3",              title: "How long does teeth whitening last?",              content:
+                "Professional teeth whitening results typically last between 6 months to 2 years, depending on your lifestyle and maintenance habits. Regular touch-ups can help maintain the results."},
+            {
+              id: "4",              title: "What should I do if I have a dental emergency?",              content:
+                "If you have a dental emergency, please contact our office immediately. We offer emergency appointments and can provide guidance on initial care until you can see us."},
+          ]}
+          title="Frequently Asked Questions"
+          description="Find answers to common questions about our dental services and treatments."
+          textboxLayout="default"
+          useInvertedBackground={false}
+          faqsAnimation="slide-up"
         />
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactSplit
-          tag="Get In Touch"
-          title="Book Your Appointment Today"
-          description="Schedule your next dental visit with us. Our friendly team is ready to help you achieve your perfect smile."
+        <ContactCTA
+          tag="Get in Touch"
+          tagIcon={Mail}
+          title="Ready to Improve Your Smile?"
+          description="Contact us today to schedule your appointment and experience the highest quality dental care."
+          buttons={[
+            { text: "Schedule Appointment", href: "tel:+1234567890" },
+            { text: "Send Message", href: "mailto:hello@example.com" },
+          ]}
           background={{ variant: "plain" }}
           useInvertedBackground={false}
-          imageSrc="http://img.b2bpic.net/free-photo/happy-man-welcoming-lady-sitting-sofa-holding-digital-tablet_23-2147879153.jpg?_wi=2"
-          imageAlt="Modern dental clinic"
-          mediaAnimation="slide-up"
-          mediaPosition="right"
-          inputPlaceholder="Enter your email address"
-          buttonText="Schedule Now"
-          termsText="We respect your privacy. Unsubscribe at any time. By scheduling an appointment, you agree to our terms of service."
-        />
-      </div>
-
-      <div id="footer" data-section="footer">
-        <FooterBase
-          logoText="EXPERT DENTAL CARE"
-          columns={[
-            {
-              title: "Services",              items: [
-                { label: "Teeth Cleaning", href: "#services" },
-                { label: "Dental Implants", href: "#services" },
-                { label: "Teeth Whitening", href: "#services" },
-                { label: "Root Canal", href: "#services" }
-              ]
-            },
-            {
-              title: "Company",              items: [
-                { label: "About Us", href: "#about" },
-                { label: "Testimonials", href: "#testimonials" },
-                { label: "Contact", href: "#contact" },
-                { label: "Book Appointment", href: "#contact" }
-              ]
-            },
-            {
-              title: "Contact",              items: [
-                { label: "Phone: +1-555-123-4567", href: "tel:+1-555-123-4567" },
-                { label: "Email: info@expertdentalcare.com", href: "mailto:info@expertdentalcare.com" },
-                { label: "Monday-Friday: 9AM-6PM", href: "#" },
-                { label: "Saturday: 10AM-4PM", href: "#" }
-              ]
-            }
-          ]}
-          copyrightText="© 2026 EXPERT DENTAL CARE. All rights reserved."
         />
       </div>
     </ThemeProvider>
   );
-}
+};
+
+export default page;