Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
280
src/app/page.tsx
280
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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user