Update src/app/services/page.tsx

Merge version_1 into main

src/app/about/page.tsx

@@ -2,121 +2,43 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import MediaAbout from '@/components/sections/about/MediaAbout';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import TeamCardTen from '@/components/sections/team/TeamCardTen';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 
-export default function LandingPage() {
+export default function AboutPage() {
   return (
-    <ThemeProvider
-        defaultButtonVariant="elastic-effect"
-        defaultTextAnimation="background-highlight"
-        borderRadius="rounded"
-        contentWidth="compact"
-        sizing="large"
-        background="grid"
-        cardStyle="soft-shadow"
-        primaryButtonStyle="primary-glow"
-        secondaryButtonStyle="radial-glow"
-        headingFontWeight="normal"
-    >
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Reviews",
-          id: "/reviews",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="One Smile"
-    />
-  </div>
-
-  <div id="about-section" data-section="about-section">
-      <MediaAbout
-      useInvertedBackground={false}
-      title="Dr. Ravshan & Team"
-      description="At One Smile Tashkent, we prioritize professionalism. Dr. Ravshan and our dedicated team offer comprehensive dental care with fluent English-speaking capabilities for your peace of mind."
-      imageSrc="http://img.b2bpic.net/free-photo/female-doctor-clinic-evaluates-man-cognitive-function-reflex_482257-126970.jpg?_wi=3"
-    />
-  </div>
-
-  <div id="team" data-section="team">
-      <TeamCardTen
-      useInvertedBackground={false}
-      title="Our Medical Staff"
-      tag="The Team"
-      memberVariant="card"
-      membersAnimation="slide-up"
-      members={[
-        {
-          id: "1",
-          name: "Dr. Ravshan",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-clinic-evaluates-man-cognitive-function-reflex_482257-126970.jpg?_wi=4",
-        },
-        {
-          id: "2",
-          name: "Assistance Team",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-clinic-evaluates-man-cognitive-function-reflex_482257-126970.jpg?_wi=5",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "About Us",
-              href: "/about",
-            },
-            {
-              label: "Services",
-              href: "/services",
-            },
-            {
-              label: "Reviews",
-              href: "/reviews",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-            {
-              label: "Phone: +998 33 479 06 66",
-              href: "tel:+998334790666",
-            },
-          ],
-        },
-      ]}
-      logoText="One Smile"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay 
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Services", id: "/services" },
+              { name: "Reviews", id: "/reviews" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="One Smile" 
+          />
+        </div>
+        <MetricSplitMediaAbout 
+          title="Our Story & Mission"
+          description="Founded with a vision to revolutionize dental care in Tashkent, One Smile combines international standards with local hospitality. Our mission is to make quality dental care accessible, comfortable, and personalized for every patient."
+          metrics={[
+            { value: "15+", title: "Years Experience" },
+            { value: "5000+", title: "Procedures" }
+          ]}
+          useInvertedBackground={false}
+          imageSrc="http://img.b2bpic.net/free-photo/doctor-with-patient-dental-clinic_482257-126970.jpg?_wi=1"
+        />
+        <FooterLogoEmphasis
+          columns={[
+            { items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }, { label: "Contact", href: "/contact" }] }
+          ]}
+          logoText="One Smile"
+        />
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/contact/page.tsx

@@ -3,136 +3,49 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 
-export default function LandingPage() {
+export default function ContactPage() {
   return (
-    <ThemeProvider
-        defaultButtonVariant="elastic-effect"
-        defaultTextAnimation="background-highlight"
-        borderRadius="rounded"
-        contentWidth="compact"
-        sizing="large"
-        background="grid"
-        cardStyle="soft-shadow"
-        primaryButtonStyle="primary-glow"
-        secondaryButtonStyle="radial-glow"
-        headingFontWeight="normal"
-    >
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Reviews",
-          id: "/reviews",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="One Smile"
-    />
-  </div>
-
-  <div id="contact-section" data-section="contact-section">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Contact One Smile"
-      description="887J+J4J, Parkent ko'chasi, Tashkent. Opens at 09:00."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "Your Message",
-      }}
-      imageSrc="http://img.b2bpic.net/free-vector/design-interface-taxi-app_23-2148497512.jpg"
-      mediaPosition="right"
-      mediaAnimation="slide-up"
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Location"
-      title="Find us in Tashkent"
-      description="We are open daily from 9 AM to 6 PM."
-      buttons={[
-        {
-          text: "Get Directions",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "About Us",
-              href: "/about",
-            },
-            {
-              label: "Services",
-              href: "/services",
-            },
-            {
-              label: "Reviews",
-              href: "/reviews",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-            {
-              label: "Phone: +998 33 479 06 66",
-              href: "tel:+998334790666",
-            },
-          ],
-        },
-      ]}
-      logoText="One Smile"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+              navItems={[
+                  { name: "Home", id: "/" },
+                  { name: "About", id: "/about" },
+                  { name: "Services", id: "/services" },
+                  { name: "Reviews", id: "/reviews" },
+                  { name: "Contact", id: "/contact" },
+              ]}
+              brandName="One Smile"
+          />
+        </div>
+        <div className="pt-32 pb-20 px-6">
+          <div className="max-w-2xl mx-auto mb-16 p-8 bg-card rounded-xl shadow-lg">
+            <h2 className="text-2xl font-bold mb-6">Our Clinic in Tashkent</h2>
+            <p className="mb-2"><strong>Address:</strong> Parkent ko'chasi, Tashkent, Uzbekistan</p>
+            <p className="mb-2"><strong>Phone:</strong> +998 33 479 06 66</p>
+            <p className="mb-4"><strong>Hours:</strong> Mon-Fri: 9:00 AM - 7:00 PM, Sat: 10:00 AM - 3:00 PM</p>
+          </div>
+          <ContactCTA
+              tag="Contact Us"
+              title="Book Your Appointment"
+              description="We look forward to providing you with the best dental care in Tashkent."
+              buttons={[{ text: "Call Now", href: "tel:+998334790666" }]}
+              background={{ variant: "plain" }}
+              useInvertedBackground={false}
+          />
+        </div>
+        <FooterLogoEmphasis
+            columns={[
+                { items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }, { label: "Reviews", href: "/reviews" }] },
+                { items: [{ label: "Phone: +998 33 479 06 66", href: "tel:+998334790666" }] }
+            ]}
+            logoText="One Smile"
+        />
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -28,26 +28,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Reviews",
-          id: "/reviews",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "About", id: "/about" },
+        { name: "Services", id: "/services" },
+        { name: "Reviews", id: "/reviews" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="One Smile"
     />
@@ -56,15 +41,12 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       logoText="One Smile"
       description="Premium dental care in Tashkent. Professional, English-speaking, and dedicated to your healthy smile."
       buttons={[
         {
-          text: "Book Appointment",
-          href: "/contact",
-        },
+          text: "Book Appointment",          href: "/contact"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/shopping-mall_74190-5525.jpg?_wi=1"
       imageAlt="One Smile Dental Clinic"
@@ -81,33 +63,13 @@ export default function LandingPage() {
       description="Numbers that reflect our dedication."
       metrics={[
         {
-          id: "1",
-          title: "Patients Treated",
-          subtitle: "Annual count",
-          category: "Success",
-          value: "2000+",
-        },
+          id: "1",          title: "Patients Treated",          subtitle: "Annual count",          category: "Success",          value: "2000+"},
         {
-          id: "2",
-          title: "Years Experience",
-          subtitle: "Dr. Ravshan",
-          category: "Expertise",
-          value: "15",
-        },
+          id: "2",          title: "Years Experience",          subtitle: "Dr. Ravshan",          category: "Expertise",          value: "15"},
         {
-          id: "3",
-          title: "5-Star Reviews",
-          subtitle: "Verified Patients",
-          category: "Trust",
-          value: "450+",
-        },
+          id: "3",          title: "5-Star Reviews",          subtitle: "Verified Patients",          category: "Trust",          value: "450+"},
         {
-          id: "4",
-          title: "Procedures",
-          subtitle: "Completed",
-          category: "Work",
-          value: "5000+",
-        },
+          id: "4",          title: "Procedures",          subtitle: "Completed",          category: "Work",          value: "5000+"},
       ]}
     />
   </div>
@@ -121,15 +83,9 @@ export default function LandingPage() {
       faqsAnimation="slide-up"
       faqs={[
         {
-          id: "q1",
-          title: "Do you speak English?",
-          content: "Yes, our team is fully fluent in English to serve international patients.",
-        },
+          id: "q1",          title: "Do you speak English?",          content: "Yes, our team is fully fluent in English to serve international patients."},
         {
-          id: "q2",
-          title: "Where is the clinic?",
-          content: "Located at Parkent ko'chasi, central Tashkent.",
-        },
+          id: "q2",          title: "Where is the clinic?",          content: "Located at Parkent ko'chasi, central Tashkent."},
       ]}
     />
   </div>
@@ -138,16 +94,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Ready to book?"
       title="Take the first step to your perfect smile"
       description="Schedule a consultation with Dr. Ravshan today."
       buttons={[
         {
-          text: "Call Now",
-          href: "tel:+998334790666",
-        },
+          text: "Call Now",          href: "tel:+998334790666"},
       ]}
     />
   </div>
@@ -161,15 +114,9 @@ export default function LandingPage() {
       membersAnimation="slide-up"
       members={[
         {
-          id: "m1",
-          name: "Dr. Ravshan",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-clinic-evaluates-man-cognitive-function-reflex_482257-126970.jpg?_wi=1",
-        },
+          id: "m1",          name: "Dr. Ravshan",          imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-clinic-evaluates-man-cognitive-function-reflex_482257-126970.jpg?_wi=1"},
         {
-          id: "m2",
-          name: "Dr. Aziza",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-clinic-evaluates-man-cognitive-function-reflex_482257-126970.jpg?_wi=2",
-        },
+          id: "m2",          name: "Dr. Aziza",          imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-clinic-evaluates-man-cognitive-function-reflex_482257-126970.jpg?_wi=2"},
       ]}
     />
   </div>
@@ -180,29 +127,19 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "About Us",
-              href: "/about",
-            },
+              label: "About Us",              href: "/about"},
             {
-              label: "Services",
-              href: "/services",
-            },
+              label: "Services",              href: "/services"},
             {
-              label: "Reviews",
-              href: "/reviews",
-            },
+              label: "Reviews",              href: "/reviews"},
           ],
         },
         {
           items: [
             {
-              label: "Contact",
-              href: "/contact",
-            },
+              label: "Contact",              href: "/contact"},
             {
-              label: "Phone: +998 33 479 06 66",
-              href: "tel:+998334790666",
-            },
+              label: "Phone: +998 33 479 06 66",              href: "tel:+998334790666"},
           ],
         },
       ]}
@@ -212,4 +149,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/reviews/page.tsx

@@ -2,152 +2,57 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 
-export default function LandingPage() {
+export default function ReviewsPage() {
   return (
-    <ThemeProvider
-        defaultButtonVariant="elastic-effect"
-        defaultTextAnimation="background-highlight"
-        borderRadius="rounded"
-        contentWidth="compact"
-        sizing="large"
-        background="grid"
-        cardStyle="soft-shadow"
-        primaryButtonStyle="primary-glow"
-        secondaryButtonStyle="radial-glow"
-        headingFontWeight="normal"
-    >
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Reviews",
-          id: "/reviews",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="One Smile"
-    />
-  </div>
-
-  <div id="reviews-section" data-section="reviews-section">
-      <TestimonialCardFifteen
-      useInvertedBackground={false}
-      testimonial="Amazing clinic! Dr. Ravshan is very professional and speaks excellent English. My whitening procedure was painless and effective."
-      rating={5}
-      author="Asal Rahmonova"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/shopping-mall_74190-5525.jpg",
-          alt: "Asal Rahmonova",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/female-doctor-clinic-evaluates-man-cognitive-function-reflex_482257-126970.jpg",
-          alt: "Subhon Bakirov",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/shopping-mall_74190-5525.jpg",
-          alt: "Jack Jones",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/female-doctor-clinic-evaluates-man-cognitive-function-reflex_482257-126970.jpg",
-          alt: "Patient",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/shopping-mall_74190-5525.jpg",
-          alt: "Maria Ivanov",
-        },
-      ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="blur-reveal"
-    />
-  </div>
-
-  <div id="testimonial" data-section="testimonial">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      title="Patient Stories"
-      description="Hear from our happy clients."
-      testimonials={[
-        {
-          id: "t1",
-          name: "John Doe",
-          role: "Patient",
-          company: "One Smile",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/shopping-mall_74190-5525.jpg?_wi=4",
-        },
-        {
-          id: "t2",
-          name: "Jane Smith",
-          role: "Patient",
-          company: "One Smile",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/shopping-mall_74190-5525.jpg?_wi=5",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "About Us",
-              href: "/about",
-            },
-            {
-              label: "Services",
-              href: "/services",
-            },
-            {
-              label: "Reviews",
-              href: "/reviews",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-            {
-              label: "Phone: +998 33 479 06 66",
-              href: "tel:+998334790666",
-            },
-          ],
-        },
-      ]}
-      logoText="One Smile"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+              navItems={[
+                  { name: "Home", id: "/" },
+                  { name: "About", id: "/about" },
+                  { name: "Services", id: "/services" },
+                  { name: "Reviews", id: "/reviews" },
+                  { name: "Contact", id: "/contact" },
+              ]}
+              brandName="One Smile"
+          />
+        </div>
+        <div className="pt-32 pb-20 px-6">
+          <h1 className="text-4xl font-bold mb-12 text-center">Patient Reviews</h1>
+          <div className="grid gap-8 max-w-4xl mx-auto">
+            <TestimonialCardFifteen
+                testimonial="Dr. Ravshan is professional and fluent in English. Highly recommend for any dental work in Tashkent!"
+                rating={5}
+                author="Alex R."
+                avatars={[]}
+                ratingAnimation="blur-reveal"
+                avatarsAnimation="blur-reveal"
+                useInvertedBackground={false}
+            />
+            <TestimonialCardFifteen
+                testimonial="Great clinic, very modern and clean. The staff made me feel very comfortable."
+                rating={5}
+                author="Sarah M."
+                avatars={[]}
+                ratingAnimation="blur-reveal"
+                avatarsAnimation="blur-reveal"
+                useInvertedBackground={false}
+            />
+          </div>
+        </div>
+        <FooterLogoEmphasis
+            columns={[
+                { items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }, { label: "Contact", href: "/contact" }] },
+                { items: [{ label: "Phone: +998 33 479 06 66", href: "tel:+998334790666" }] }
+            ]}
+            logoText="One Smile"
+        />
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/services/page.tsx

@@ -2,157 +2,47 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import { CheckCircle } from "lucide-react";
 
-export default function LandingPage() {
+export default function ServicesPage() {
   return (
-    <ThemeProvider
-        defaultButtonVariant="elastic-effect"
-        defaultTextAnimation="background-highlight"
-        borderRadius="rounded"
-        contentWidth="compact"
-        sizing="large"
-        background="grid"
-        cardStyle="soft-shadow"
-        primaryButtonStyle="primary-glow"
-        secondaryButtonStyle="radial-glow"
-        headingFontWeight="normal"
-    >
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Reviews",
-          id: "/reviews",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="One Smile"
-    />
-  </div>
-
-  <div id="services-section" data-section="services-section">
-      <FeatureCardEight
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: 1,
-          title: "Check-up",
-          description: "Routine dental examinations for adults and children.",
-          imageSrc: "http://img.b2bpic.net/free-photo/shopping-mall_74190-5525.jpg?_wi=2",
-        },
-        {
-          id: 2,
-          title: "Teeth Whitening",
-          description: "Professional procedures for a brighter, confident smile.",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-clinic-evaluates-man-cognitive-function-reflex_482257-126970.jpg?_wi=6",
-        },
-        {
-          id: 3,
-          title: "Braces",
-          description: "Advanced orthodontic solutions for alignment.",
-          imageSrc: "http://img.b2bpic.net/free-photo/shopping-mall_74190-5525.jpg?_wi=3",
-        },
-        {
-          id: 4,
-          title: "Implants",
-          description: "Durable and aesthetic dental implant treatments.",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-clinic-evaluates-man-cognitive-function-reflex_482257-126970.jpg?_wi=7",
-        },
-      ]}
-      title="Our Services"
-      description="High-quality treatments for a healthier smile."
-    />
-  </div>
-
-  <div id="pricing" data-section="pricing">
-      <PricingCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Treatment Plans"
-      description="Transparent pricing for dental care."
-      plans={[
-        {
-          id: "p1",
-          badge: "Popular",
-          price: "From $50",
-          subtitle: "Basic cleaning",
-          features: [
-            "Cleaning",
-            "Exam",
-          ],
-        },
-        {
-          id: "p2",
-          badge: "Full Care",
-          price: "From $300",
-          subtitle: "Full whitening",
-          features: [
-            "Whitening",
-            "Checkup",
-          ],
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "About Us",
-              href: "/about",
-            },
-            {
-              label: "Services",
-              href: "/services",
-            },
-            {
-              label: "Reviews",
-              href: "/reviews",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-            {
-              label: "Phone: +998 33 479 06 66",
-              href: "tel:+998334790666",
-            },
-          ],
-        },
-      ]}
-      logoText="One Smile"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay 
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Services", id: "/services" },
+              { name: "Reviews", id: "/reviews" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="One Smile" 
+          />
+        </div>
+        <FeatureBorderGlow 
+          title="Our Dental Services"
+          description="Comprehensive care for the whole family."
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          features={[
+            { icon: CheckCircle, title: "Dental Cleanings", description: "Routine professional cleanings for optimal oral hygiene." },
+            { icon: CheckCircle, title: "Teeth Whitening", description: "Brighten your smile with our professional whitening solutions." },
+            { icon: CheckCircle, title: "Dental Implants", description: "Permanent, natural-looking tooth replacement." },
+            { icon: CheckCircle, title: "Orthodontics", description: "Correct alignment with braces or clear aligners." }
+          ]}
+        />
+        <FooterLogoEmphasis
+          columns={[
+            { items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }
+          ]}
+          logoText="One Smile"
+        />
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}