Merge version_1 into main #10
@@ -11,8 +11,8 @@ import { Playfair_Display, Inter } from "next/font/google";
|
||||
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: 'The House of Dentistry - Perambur, Chennai',
|
||||
description: 'Expert dental care in Perambur, Chennai. Painless treatments and specialized care for your family.',
|
||||
title: 'Webild | Digital Innovation',
|
||||
description: 'Premium digital solutions for growing businesses.',
|
||||
keywords: ["dentist in Perambur, dental clinic Chennai, root canal, teeth whitening, best dental care Perambur, painless dentistry"],
|
||||
};
|
||||
|
||||
|
||||
@@ -8,100 +8,44 @@ import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCar
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import { ArrowRight, Zap, CheckCircle, Shield, Globe } from 'lucide-react';
|
||||
|
||||
const navItems = [{ name: "Home", id: "/" }];
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
{ name: "Services", id: "/services" }
|
||||
];
|
||||
|
||||
export default function Page() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={navItems}
|
||||
button={{ text: "Book Now", href: "/" }}
|
||||
/>
|
||||
<NavbarLayoutFloatingInline navItems={navItems} brandName="Webild" button={{ text: "Get Started", href: "/contact" }} />
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
title="The House of Dentistry"
|
||||
description="Expert dental care in Perambur, Chennai. Painless treatments and specialized care."
|
||||
background={{ variant: 'plain' }}
|
||||
kpis={[{ value: "10+", label: "Years Exp" }, { value: "5000+", label: "Happy Smiles" }, { value: "4.9/5", label: "Patient Rating" }]}
|
||||
enableKpiAnimation={true}
|
||||
/>
|
||||
<HeroSplitKpi title="Innovating for the Future" description="Building digital solutions that empower your growth with cutting-edge technology and design." background={{ variant: "canvas-reveal" }} kpis={[{ value: "100+", label: "Projects" }, { value: "50+", label: "Clients" }, { value: "98%", label: "Satisfaction" }]} enableKpiAnimation={true} imageSrc="https://images.unsplash.com/photo-1551434678-e076c223a692?q=80&w=2070&auto=format&fit=crop" />
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyNine
|
||||
title="Our Services"
|
||||
description="Comprehensive dental care services."
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Root Canal", description: "Painless root canal treatment.", imageSrc: "/service1.jpg", titleIconSrc: "/icon1.svg", buttonText: "Learn More" },
|
||||
{ title: "Teeth Whitening", description: "Get a brighter smile.", imageSrc: "/service2.jpg", titleIconSrc: "/icon2.svg", buttonText: "Learn More" }
|
||||
]}
|
||||
/>
|
||||
<FeatureCardTwentyNine title="Our Services" description="Comprehensive solutions tailored to your business needs." gridVariant="bento-grid" animationType="blur-reveal" textboxLayout="default" features={[{ title: "Web Design", description: "Crafting beautiful and functional websites.", imageSrc: "https://images.unsplash.com/photo-1547658719-da2b51169165?q=80&w=1964&auto=format&fit=crop", titleIconSrc: "", buttonText: "Learn More" }, { title: "App Dev", description: "Building robust applications.", imageSrc: "https://images.unsplash.com/photo-1555774698-0b77e0d5fac6?q=80&w=2070&auto=format&fit=crop", titleIconSrc: "", buttonText: "Learn More" }]} />
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
title="About Us"
|
||||
description="Dedicated to providing quality dental care for your entire family."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
bulletPoints={[{ title: "Experience", description: "10+ years of expertise" }, { title: "Care", description: "Painless treatments" }]}
|
||||
/>
|
||||
<SplitAbout title="About Us" description="Dedicated to excellence in everything we do, our team works to deliver high-quality digital experiences." textboxLayout="default" bulletPoints={[{ title: "Innovation", description: "We embrace new ideas." }, { title: "Integrity", description: "Honest business practices." }]} />
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
title="Patient Reviews"
|
||||
description="Hear from our happy patients."
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[{ id: "1", name: "John Doe", role: "Patient", testimonial: "Amazing experience!" }, { id: "2", name: "Jane Smith", role: "Patient", testimonial: "Very professional staff." }]}
|
||||
/>
|
||||
<TestimonialCardTwo title="What Our Clients Say" description="Hear from those we have worked with." animationType="slide-up" textboxLayout="default" testimonials={[{ id: "1", name: "Alice", role: "CEO", testimonial: "Fantastic work!" }, { id: "2", name: "Bob", role: "CTO", testimonial: "Professional and efficient." }]} />
|
||||
</div>
|
||||
<div id="process" data-section="process">
|
||||
<MetricCardEleven
|
||||
title="Our Process"
|
||||
description="How we treat our patients."
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[{ id: "1", value: "Step 1", title: "Consultation", description: "Initial assessment", imageSrc: "/proc1.jpg" }, { id: "2", value: "Step 2", title: "Treatment", description: "Expert dental care", imageSrc: "/proc2.jpg" }]}
|
||||
/>
|
||||
<MetricCardEleven title="Our Process" description="How we turn ideas into reality." animationType="scale-rotate" metrics={[{ id: "1", value: "1", title: "Discovery", description: "Understanding your vision.", imageSrc: "https://images.unsplash.com/photo-1522071820081-009f0129c71c?q=80&w=2070&auto=format&fit=crop" }, { id: "2", value: "2", title: "Design", description: "Creating the blueprint.", imageSrc: "https://images.unsplash.com/photo-1586717791821-3f44a563daae?q=80&w=2070&auto=format&fit=crop" }]} />
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Book your appointment today!"
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<ContactText text="Ready to start your project? Let us build something amazing together." background={{ variant: "gradient-bars" }} />
|
||||
</div>
|
||||
<div id="final-cta" data-section="final-cta">
|
||||
<ContactText
|
||||
text="Ready for a healthy smile?"
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<ContactText text="Don't wait, contact us today!" background={{ variant: "rotated-rays-static" }} />
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[{ title: "Quick Links", items: [{ label: "Home", href: "/" }] }]}
|
||||
logoText="The House of Dentistry"
|
||||
/>
|
||||
<FooterBase logoText="Webild" columns={[{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }]} />
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user