From 0b8e6ecc5b393ae3e9d641b5ff901b9280edf324 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 27 Mar 2026 09:10:06 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 280 +++++++++++++++++------------------------------
 1 file changed, 100 insertions(+), 180 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1e2d847..517eefb 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,198 +9,118 @@ import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import TextAbout from '@/components/sections/about/TextAbout';
-import { Phone } from "lucide-react";
+import { Phone, Sparkles } from "lucide-react";
 
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="text-stagger"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="rounded"
+      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: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Dr Vishwanath Dental Studio"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Services", id: "services" },
+              { name: "About", id: "about" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Dr Vishwanath Dental Studio"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboard
-      background={{
-        variant: "plain",
-      }}
-      title="Dr Vishwanath Dental Studio"
-      description="Your Smile, Our Priority. Providing high-quality, compassionate dental care in Gauribidanur to ensure your absolute comfort and oral health."
-      buttons={[
-        {
-          text: "Book Appointment",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/doctor-operating-room_657921-815.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboard
+            background={{ variant: "plain" }}
+            title="Dr Vishwanath Dental Studio"
+            description="Your Smile, Our Priority. Providing high-quality, compassionate dental care in Gauribidanur to ensure your absolute comfort and oral health."
+            buttons={[{ text: "Book Appointment", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/doctor-operating-room_657921-815.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardTwentySix
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Teeth Cleaning",
-          description: "Professional deep cleaning for optimal oral hygiene.",
-          buttonIcon: "Sparkles",
-        },
-        {
-          title: "Teeth Whitening",
-          description: "Brighten your smile with safe, effective whitening solutions.",
-          buttonIcon: "Sparkles",
-        },
-        {
-          title: "Braces Treatment",
-          description: "Precision orthodontics for a perfectly aligned smile.",
-          buttonIcon: "Sparkles",
-        },
-        {
-          title: "Root Canal Treatment",
-          description: "Painless and modern root canal therapy.",
-          buttonIcon: "Sparkles",
-        },
-        {
-          title: "Cosmetic Dentistry",
-          description: "Smile makeovers tailored to your needs.",
-          buttonIcon: "Sparkles",
-        },
-      ]}
-      title="Our Specialized Dental Services"
-      description="State-of-the-art treatments designed for patient comfort and exceptional results."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardTwentySix
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { title: "Teeth Cleaning", description: "Professional deep cleaning for optimal oral hygiene.", buttonIcon: Sparkles },
+              { title: "Teeth Whitening", description: "Brighten your smile with safe, effective whitening solutions.", buttonIcon: Sparkles },
+              { title: "Braces Treatment", description: "Precision orthodontics for a perfectly aligned smile.", buttonIcon: Sparkles },
+              { title: "Root Canal Treatment", description: "Painless and modern root canal therapy.", buttonIcon: Sparkles },
+              { title: "Cosmetic Dentistry", description: "Smile makeovers tailored to your needs.", buttonIcon: Sparkles },
+            ]}
+            title="Our Specialized Dental Services"
+            description="State-of-the-art treatments designed for patient comfort and exceptional results."
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextAbout
-      useInvertedBackground={true}
-      title="Meet Dr. Vishwanath"
-      buttons={[
-        {
-          text: "Book Consultation",
-          href: "#contact",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextAbout
+            useInvertedBackground={true}
+            title="Meet Dr. Vishwanath"
+            buttons={[{ text: "Book Consultation", href: "#contact" }]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Ravi Kumar",
-          handle: "@ravi",
-          testimonial: "Exceptional painless treatment. Dr. Vishwanath is very knowledgeable and patient.",
-          imageSrc: "http://img.b2bpic.net/free-photo/dentist-process-dental-services-dental-office-dental-treatment_1321-2973.jpg",
-        },
-        {
-          id: "2",
-          name: "Sunitha Rao",
-          handle: "@sunitha",
-          testimonial: "The clinic is very hygienic, and the staff is extremely caring. Highly recommended.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-lady-boss-talking-employees_1262-7176.jpg",
-        },
-        {
-          id: "3",
-          name: "Amit Deshmukh",
-          handle: "@amit",
-          testimonial: "Very professional experience. My root canal was completed without any discomfort.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12670.jpg",
-        },
-      ]}
-      title="What Our Patients Say"
-      description="Experiences of care, comfort, and professional service."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSix
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Ravi Kumar", handle: "@ravi", testimonial: "Exceptional painless treatment. Dr. Vishwanath is very knowledgeable and patient.", imageSrc: "http://img.b2bpic.net/free-photo/dentist-process-dental-services-dental-office-dental-treatment_1321-2973.jpg" },
+              { id: "2", name: "Sunitha Rao", handle: "@sunitha", testimonial: "The clinic is very hygienic, and the staff is extremely caring. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-lady-boss-talking-employees_1262-7176.jpg" },
+              { id: "3", name: "Amit Deshmukh", handle: "@amit", testimonial: "Very professional experience. My root canal was completed without any discomfort.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12670.jpg" },
+            ]}
+            title="What Our Patients Say"
+            description="Experiences of care, comfort, and professional service."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactFaq
-      animationType="slide-up"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "location",
-          title: "Where are you located?",
-          content: "We are based in the heart of Gauribidanur.",
-        },
-        {
-          id: "phone",
-          title: "Phone Number",
-          content: "You can reach us at 88614 33489.",
-        },
-      ]}
-      ctaTitle="Ready for your checkup?"
-      ctaDescription="Contact us today to book your appointment. We are conveniently located in Gauribidanur."
-      ctaButton={{
-        text: "WhatsApp Appointment",
-        href: "https://wa.me/918861433489",
-      }}
-      ctaIcon={Phone}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactFaq
+            animationType="slide-up"
+            useInvertedBackground={true}
+            faqs={[
+              { id: "location", title: "Where are you located?", content: "We are based in the heart of Gauribidanur." },
+              { id: "phone", title: "Phone Number", content: "You can reach us at 88614 33489." },
+            ]}
+            ctaTitle="Ready for your checkup?"
+            ctaDescription="Contact us today to book your appointment. We are conveniently located in Gauribidanur."
+            ctaButton={{ text: "WhatsApp Appointment", href: "https://wa.me/918861433489" }}
+            ctaIcon={Phone}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Quick Links",
-          items: [
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "About",
-              href: "#about",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "WhatsApp",
-              href: "https://wa.me/918861433489",
-            },
-            {
-              label: "Call Us",
-              href: "tel:8861433489",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              {
+                title: "Quick Links",                items: [
+                  { label: "Services", href: "#services" },
+                  { label: "About", href: "#about" },
+                ],
+              },
+              {
+                title: "Contact",                items: [
+                  { label: "WhatsApp", href: "https://wa.me/918861433489" },
+                  { label: "Call Us", href: "tel:8861433489" },
+                ],
+              },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );