Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -2,15 +2,13 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import BlogCardOne from '@/components/sections/blog/BlogCardOne';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import ContactText from '@/components/sections/contact/ContactText';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 import { Shield } from "lucide-react";
 
 export default function LandingPage() {
@@ -31,90 +29,24 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
+        { name: "Services", id: "#services" },
-          name: "Services",
+        { name: "About", id: "#about" },
-          id: "#services",
+        { name: "FAQ", id: "#faq" },
-        },
+        { name: "Contact", id: "#contact" },
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Reviews",
-          id: "#reviews",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
       ]}
       brandName="Unicare Dental"
       button={{
-        text: "Book Appointment",
+        text: "Book Online",        href: "#contact"}}
-        href: "#contact",
-      }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboard
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
-      }}
       title="High-Quality, Painless Dental Care You Can Trust"
       description="At Unicare Dental Clinic, your comfort and health are our top priorities. We combine modern equipment with expert professionals to give you the perfect smile."
-      buttons={[
+      buttons={[{ text: "Book Appointment", href: "#contact" }]}
-        {
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CPDG8gHx8Mgrochwp9Sy50B0MQ/uploaded-1776278372734-2df59ii6.jpg?_wi=1"
-          text: "Book Appointment",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CPDG8gHx8Mgrochwp9Sy50B0MQ/uploaded-1776278372734-2df59ii6.jpg"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-high-five_23-2149164330.jpg",
-          alt: "Patient 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/mid-adult-dentist-with-patient-dental-clinic_662251-2616.jpg",
-          alt: "Patient 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-smiling-dentist-office_23-2148338112.jpg",
-          alt: "Patient 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-looking-mirror_107420-65403.jpg",
-          alt: "Patient 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/beauty-skincare-closeup-young-redhead-woman-with-freckles-blue-eyes-touching-clean-no-makeup-skin-smiling-standing-pink-tshirt-against-white-background_176420-53246.jpg",
-          alt: "Patient 5",
-        },
-      ]}
-      avatarText="Trusted by over 5,000+ happy patients"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Teeth Whitening",
-        },
-        {
-          type: "text",
-          text: "Painless Dentistry",
-        },
-        {
-          type: "text",
-          text: "Modern Equipment",
-        },
-        {
-          type: "text",
-          text: "Certified Professionals",
-        },
-        {
-          type: "text",
-          text: "Family Dental Care",
-        },
-      ]}
     />
   </div>
 
@@ -123,34 +55,12 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
+        { title: "Teeth Cleaning", description: "Professional removal of plaque and tartar.", imageSrc: "http://img.b2bpic.net/free-photo/curly-woman-cares-about-teeth-holds-dental-floss-surrounded-by-toothpaste-brushes_273609-37071.jpg" },
-          title: "Teeth Cleaning",
+        { title: "Teeth Whitening", description: "Brighter, whiter smile with safe treatments.", imageSrc: "http://img.b2bpic.net/free-photo/dental-health-hygiene-concept-dark-skinned-curly-woman-closes-eyes-shows-white-healthy-teeth-holds-two-tooth-brushes-enjoys-morning-routine-stands-indoor-against-purple-wall_273609-42646.jpg" },
-          description: "Professional removal of plaque and tartar for a healthier smile.",
-          imageSrc: "http://img.b2bpic.net/free-photo/curly-woman-cares-about-teeth-holds-dental-floss-surrounded-by-toothpaste-brushes_273609-37071.jpg",
-        },
-        {
-          title: "Teeth Whitening",
-          description: "Get a brighter, whiter smile with our safe and effective treatments.",
-          imageSrc: "http://img.b2bpic.net/free-photo/dental-health-hygiene-concept-dark-skinned-curly-woman-closes-eyes-shows-white-healthy-teeth-holds-two-tooth-brushes-enjoys-morning-routine-stands-indoor-against-purple-wall_273609-42646.jpg",
-        },
-        {
-          title: "Braces",
-          description: "Correct your bite and alignment with modern orthodontic solutions.",
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-curly-haired-woman-cleans-teeth-with-electric-toothbrush-undergoes-morning-dental-hygiene-holds-glass-mouthwash-dressed-casually-isolated-blue-background-stomatology-concept_273609-60921.jpg",
-        },
-        {
-          title: "Root Canal",
-          description: "Painless treatment to save infected teeth and restore health.",
-          imageSrc: "http://img.b2bpic.net/free-photo/calm-attractive-guy-cleaning-his-teeth-with-toothbrush_259150-57699.jpg",
-        },
-        {
-          title: "Dental Implants",
-          description: "Durable and natural-looking replacement for missing teeth.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-using-instruments_23-2151053276.jpg",
-        },
       ]}
       title="Our Professional Services"
-      description="We offer a comprehensive range of treatments to maintain your oral health and aesthetics."
+      description="We offer a comprehensive range of treatments to maintain your oral health."
+      buttons={[{ text: "Book Consultation", href: "#contact" }]}
     />
   </div>
 
@@ -159,188 +69,55 @@ export default function LandingPage() {
       useInvertedBackground={false}
       tag="About Us"
       title="Expertise Meets Compassionate Care"
-      description="Unicare Dental Clinic stands for professionalism, trust, and patient-centric care. Our team of certified dentists is dedicated to using the latest technology to ensure a pain-free, comfortable experience for every patient."
+      description="Unicare Dental Clinic stands for professionalism, trust, and patient-centric care. Our team of certified dentists is dedicated to using the latest technology to ensure a pain-free experience."
-      subdescription="With years of experience in high-quality dental care, we make sure every patient feels safe and confident."
+      subdescription="Your smile is our passion."
       icon={Shield}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CPDG8gHx8Mgrochwp9Sy50B0MQ/uploaded-1776278372735-3m2kihzw.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
-
-  <div id="reviews" data-section="reviews">
-      <TestimonialCardTen
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          title: "Excellent Service",
-          quote: "The most comfortable dental experience I have ever had.",
-          name: "Sarah Johnson",
-          role: "Teacher",
-          imageSrc: "http://img.b2bpic.net/free-photo/patient-shaking-hand-with-dentist_23-2148396211.jpg",
-        },
-        {
-          id: "2",
-          title: "Highly Recommended",
-          quote: "I am so happy with my teeth whitening. The clinic is modern.",
-          name: "Michael Chen",
-          role: "Architect",
-          imageSrc: "http://img.b2bpic.net/free-photo/sincere-ginger-woman-smiling_176420-8113.jpg",
-        },
-        {
-          id: "3",
-          title: "Professional Team",
-          quote: "They made my root canal procedure absolutely painless.",
-          name: "Emily Rodriguez",
-          role: "Designer",
-          imageSrc: "http://img.b2bpic.net/free-photo/forget-about-your-teeth_329181-7809.jpg",
-        },
-        {
-          id: "4",
-          title: "Great Results",
-          quote: "My dental implants look perfectly natural.",
-          name: "David Kim",
-          role: "Manager",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-holding-toothbrush_23-2148272516.jpg",
-        },
-        {
-          id: "5",
-          title: "Trustworthy Care",
-          quote: "A wonderful, welcoming clinic. Very kind staff.",
-          name: "Laura Smith",
-          role: "Writer",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-dentist_23-2148396149.jpg",
-        },
-      ]}
-      title="Patient Reviews"
-      description="We take pride in the smiles we have created. Here is what our satisfied patients say about their experience."
-    />
-  </div>
-
-  <div id="blog" data-section="blog">
-      <BlogCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Dental Tips for Healthier Smiles"
-      description="Professional insights to help you maintain better oral hygiene at home."
-      blogs={[
-        {
-          id: "b1",
-          category: "Tips",
-          title: "Best Brushing Practices",
-          excerpt: "Learn how to effectively brush your teeth.",
-          imageSrc: "http://img.b2bpic.net/free-photo/curly-haired-woman-brushes-teeth-indoor-holds-toothbrush-glass-mouthwash-takes-care-her-health-performing-daily-routine-wears-headband-casual-striped-t-shirt-isolated-blue-background_273609-60190.jpg",
-          authorName: "Dr. Unicare",
-          authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CPDG8gHx8Mgrochwp9Sy50B0MQ/uploaded-1776278372735-3m2kihzw.jpg",
-          date: "Jan 12, 2025",
-        },
-        {
-          id: "b2",
-          category: "Advice",
-          title: "Choosing Whitening Products",
-          excerpt: "What to look for in whitening solutions.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-sits-chair-dentist-office-while-doctor-shows-her-something_8353-1652.jpg",
-          authorName: "Dr. Unicare",
-          authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CPDG8gHx8Mgrochwp9Sy50B0MQ/uploaded-1776278372735-3m2kihzw.jpg",
-          date: "Jan 15, 2025",
-        },
-        {
-          id: "b3",
-          category: "Care",
-          title: "Managing Dental Anxiety",
-          excerpt: "Simple steps for a stress-free visit.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-using-instruments_23-2151053270.jpg",
-          authorName: "Dr. Unicare",
-          authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CPDG8gHx8Mgrochwp9Sy50B0MQ/uploaded-1776278372735-3m2kihzw.jpg",
-          date: "Jan 20, 2025",
-        },
-      ]}
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitText
+      <FaqDouble
+      title="Frequently Asked Questions"
+      description="Everything you need to know about your dental visit."
+      faqsAnimation="slide-up"
+      textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
+        { id: "f1", title: "Is the procedure painful?", content: "We utilize modern sedation and gentle techniques to ensure comfort." },
-          id: "f1",
+        { id: "f2", title: "What if I have an emergency?", content: "We provide same-day urgent care appointments for existing patients." },
-          title: "Is treatment painful?",
+        { id: "f3", title: "Do you accept insurance?", content: "Yes, we work with most major insurance providers." },
-          content: "Our modern techniques ensure comfort.",
-        },
-        {
-          id: "f2",
-          title: "How long does treatment take?",
-          content: "Depends on the specific procedure.",
-        },
-        {
-          id: "f3",
-          title: "Do you offer emergency care?",
-          content: "Yes, we prioritize emergency cases.",
-        },
       ]}
-      sideTitle="Frequently Asked Questions"
-      sideDescription="Common queries regarding our services."
-      faqsAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactSplitForm
+      title="Book Your Appointment"
+      description="Schedule your visit today and experience top-tier dental care. Provide your details below and our team will confirm your slot."
       useInvertedBackground={false}
-      background={{
+      inputs={[
-        variant: "gradient-bars",
+        { name: "name", type: "text", placeholder: "Full Name", required: true },
-      }}
+        { name: "email", type: "email", placeholder: "Email Address", required: true },
-      text="Ready for a painless smile? Contact us now or book an appointment online."
+        { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
-      buttons={[
-        {
-          text: "Call +1 234 567 890",
-          href: "tel:+1234567890",
-        },
-        {
-          text: "WhatsApp Us",
-          href: "https://wa.me/1234567890",
-        },
       ]}
+      textarea={{ name: "notes", placeholder: "What brings you in today?", rows: 4 }}
+      buttonText="Submit Request"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CPDG8gHx8Mgrochwp9Sy50B0MQ/uploaded-1776278372734-2df59ii6.jpg?_wi=2"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
+      <FooterBaseReveal
-      columns={[
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Cleaning",
-              href: "#services",
-            },
-            {
-              label: "Whitening",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "Call Us",
-              href: "tel:+1234567890",
-            },
-            {
-              label: "Email",
-              href: "mailto:info@unicaredental.com",
-            },
-          ],
-        },
-      ]}
       logoText="Unicare Dental Clinic"
+      columns={[
+        { title: "Quick Links", items: [{ label: "Home", href: "#hero" }, { label: "Services", href: "#services" }, { label: "Book Now", href: "#contact" }] },
+        { title: "Contact Details", items: [{ label: "+1 234 567 890", href: "tel:+1234567890" }, { label: "info@unicaredental.com", href: "mailto:info@unicaredental.com" }] },
+      ]}
       copyrightText="© 2025 | Unicare Dental Clinic. All Rights Reserved."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -11,14 +11,14 @@
   --background-accent: #ffffff; */
 
   --background: #ffffff;
-  --card: #f9f9f9;
+  --card: #f0f8ff;
-  --foreground: #000612e6;
+  --foreground: #001122;
   --primary-cta: #15479c;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #f0f8ff;
   --secondary-cta-text: #000612e6;
-  --accent: #e2e2e2;
+  --accent: #a8cce8;
-  --background-accent: #c4c4c4;
+  --background-accent: #e0f2fe;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);