Update src/app/page.tsx
This commit is contained in:
254
src/app/page.tsx
254
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
name: "Gallery", id: "gallery"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Glow & Smile"
|
||||
/>
|
||||
@@ -54,98 +46,52 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Redefining Your Smile with Precision"
|
||||
description="Premium dental aesthetic care at Glow & Smile Dental Studio, Karachi. Your journey to a perfect, radiant smile begins here."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Ayesha Khan",
|
||||
handle: "@ayeshakhan",
|
||||
testimonial: "The best dental experience in Clifton. Truly professional and gentle.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dental-cabinet-with-various-medical-equipment_140725-7678.jpg?_wi=1",
|
||||
imageAlt: "dental clinic interior professional",
|
||||
},
|
||||
name: "Ayesha Khan", handle: "@ayeshakhan", testimonial: "The best dental experience in Clifton. Truly professional and gentle.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dental-cabinet-with-various-medical-equipment_140725-7678.jpg", imageAlt: "dental clinic interior professional"},
|
||||
{
|
||||
name: "Omar Farooq",
|
||||
handle: "@omarfarooq",
|
||||
testimonial: "Exceptional results for my aesthetic transformation. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-pretty-woman-skin-care_624325-3175.jpg",
|
||||
imageAlt: "teeth whitening professional aesthetic",
|
||||
},
|
||||
name: "Omar Farooq", handle: "@omarfarooq", testimonial: "Exceptional results for my aesthetic transformation. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-pretty-woman-skin-care_624325-3175.jpg", imageAlt: "teeth whitening professional aesthetic"},
|
||||
{
|
||||
name: "Sara Malik",
|
||||
handle: "@saramalik",
|
||||
testimonial: "Professional, clean, and extremely talented team. Love my smile!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-dentist-room-with-medical-equipment-background_613910-15260.jpg",
|
||||
imageAlt: "dental implant procedure close up",
|
||||
},
|
||||
name: "Sara Malik", handle: "@saramalik", testimonial: "Professional, clean, and extremely talented team. Love my smile!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-dentist-room-with-medical-equipment-background_613910-15260.jpg", imageAlt: "dental implant procedure close up"},
|
||||
{
|
||||
name: "Zain Ali",
|
||||
handle: "@zainali",
|
||||
testimonial: "Excellent care and premium service. The only place I trust for my dental health.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-standing-with-arms-crossed-dental-clinic_107420-65535.jpg",
|
||||
imageAlt: "dental crown treatment close up",
|
||||
},
|
||||
name: "Zain Ali", handle: "@zainali", testimonial: "Excellent care and premium service. The only place I trust for my dental health.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-standing-with-arms-crossed-dental-clinic_107420-65535.jpg", imageAlt: "dental crown treatment close up"},
|
||||
{
|
||||
name: "Hina Jamshed",
|
||||
handle: "@hinajamshed",
|
||||
testimonial: "Truly world-class service right here in Karachi. My confidence has soared!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-dentist-wearing-face-mask_23-2149164285.jpg?_wi=1",
|
||||
imageAlt: "modern dental reception area",
|
||||
},
|
||||
name: "Hina Jamshed", handle: "@hinajamshed", testimonial: "Truly world-class service right here in Karachi. My confidence has soared!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-dentist-wearing-face-mask_23-2149164285.jpg", imageAlt: "modern dental reception area"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dental-cabinet-with-various-medical-equipment_140725-7678.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dental-cabinet-with-various-medical-equipment_140725-7678.jpg"
|
||||
imageAlt="Luxurious Dental Clinic Studio"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-beautiful-woman-home_329181-1146.jpg",
|
||||
alt: "Patient 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-beautiful-woman-home_329181-1146.jpg", alt: "Patient 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/focused-young-businesswoman_74855-2798.jpg",
|
||||
alt: "Patient 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/focused-young-businesswoman_74855-2798.jpg", alt: "Patient 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/photo-back-professional-dentist-man-working-with-patient-modern-clinic_496169-891.jpg",
|
||||
alt: "Patient 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/photo-back-professional-dentist-man-working-with-patient-modern-clinic_496169-891.jpg", alt: "Patient 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-african-american-woman-posing_273609-19617.jpg",
|
||||
alt: "Patient 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-african-american-woman-posing_273609-19617.jpg", alt: "Patient 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-girl-with-toothy-smile_1301-2346.jpg",
|
||||
alt: "Patient 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-girl-with-toothy-smile_1301-2346.jpg", alt: "Patient 5"},
|
||||
]}
|
||||
avatarText="Join 500+ happy smiles"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Aesthetic Dentistry",
|
||||
},
|
||||
type: "text", text: "Aesthetic Dentistry"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Teeth Whitening",
|
||||
},
|
||||
type: "text", text: "Teeth Whitening"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Dental Implants",
|
||||
},
|
||||
type: "text", text: "Dental Implants"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Smile Makeovers",
|
||||
},
|
||||
type: "text", text: "Smile Makeovers"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Care",
|
||||
},
|
||||
type: "text", text: "Premium Care"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -158,19 +104,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Smile Design",
|
||||
description: "Customized aesthetic planning to match your facial features.",
|
||||
},
|
||||
title: "Smile Design", description: "Customized aesthetic planning to match your facial features."},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Teeth Whitening",
|
||||
description: "Professional-grade treatments for a brighter, healthier smile.",
|
||||
},
|
||||
title: "Teeth Whitening", description: "Professional-grade treatments for a brighter, healthier smile."},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Restorative Dentistry",
|
||||
description: "State-of-the-art procedures to restore tooth function and beauty.",
|
||||
},
|
||||
title: "Restorative Dentistry", description: "State-of-the-art procedures to restore tooth function and beauty."},
|
||||
]}
|
||||
title="Comprehensive Dental Aesthetics"
|
||||
description="Advanced care tailored to your needs."
|
||||
@@ -179,37 +119,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "g1",
|
||||
brand: "Studio",
|
||||
name: "Reception",
|
||||
price: "",
|
||||
rating: 5,
|
||||
reviewCount: "100",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-dentist-wearing-face-mask_23-2149164285.jpg?_wi=2",
|
||||
},
|
||||
id: "g1", brand: "Studio", name: "Reception", price: "", rating: 5,
|
||||
reviewCount: "100", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-dentist-wearing-face-mask_23-2149164285.jpg"},
|
||||
{
|
||||
id: "g2",
|
||||
brand: "Studio",
|
||||
name: "Treatment Room",
|
||||
price: "",
|
||||
rating: 5,
|
||||
reviewCount: "100",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-dentists_23-2149443484.jpg",
|
||||
},
|
||||
id: "g2", brand: "Studio", name: "Treatment Room", price: "", rating: 5,
|
||||
reviewCount: "100", imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-dentists_23-2149443484.jpg"},
|
||||
{
|
||||
id: "g3",
|
||||
brand: "Studio",
|
||||
name: "Consultation",
|
||||
price: "",
|
||||
rating: 5,
|
||||
reviewCount: "100",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-dentist-special-glasses-treating-her-patient-s-teeth-with-dental-instruments_627829-9773.jpg",
|
||||
},
|
||||
id: "g3", brand: "Studio", name: "Consultation", price: "", rating: 5,
|
||||
reviewCount: "100", imageSrc: "http://img.b2bpic.net/free-photo/female-dentist-special-glasses-treating-her-patient-s-teeth-with-dental-instruments_627829-9773.jpg"},
|
||||
]}
|
||||
title="Inside Glow & Smile"
|
||||
description="Experience our state-of-the-art facility designed for your comfort."
|
||||
@@ -224,32 +147,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "t1",
|
||||
brand: "Smile",
|
||||
name: "Whitening",
|
||||
price: "",
|
||||
rating: 5,
|
||||
reviewCount: "100",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-with-toothy-smile_1301-2346.jpg",
|
||||
},
|
||||
id: "t1", brand: "Smile", name: "Whitening", price: "", rating: 5,
|
||||
reviewCount: "100", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-with-toothy-smile_1301-2346.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
brand: "Smile",
|
||||
name: "Bridge",
|
||||
price: "",
|
||||
rating: 5,
|
||||
reviewCount: "100",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-having-procedure-done-dentist_23-2148985777.jpg",
|
||||
},
|
||||
id: "t2", brand: "Smile", name: "Bridge", price: "", rating: 5,
|
||||
reviewCount: "100", imageSrc: "http://img.b2bpic.net/free-photo/female-patient-having-procedure-done-dentist_23-2148985777.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
brand: "Smile",
|
||||
name: "Veneers",
|
||||
price: "",
|
||||
rating: 5,
|
||||
reviewCount: "100",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-brunette-girl-posing-with-coat_23-2148135988.jpg",
|
||||
},
|
||||
id: "t3", brand: "Smile", name: "Veneers", price: "", rating: 5,
|
||||
reviewCount: "100", imageSrc: "http://img.b2bpic.net/free-photo/smiling-brunette-girl-posing-with-coat_23-2148135988.jpg"},
|
||||
]}
|
||||
title="Transformations Gallery"
|
||||
description="Real life results for our patients."
|
||||
@@ -263,40 +168,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Ahmed",
|
||||
role: "Patient",
|
||||
testimonial: "Incredible service, truly professional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-beautiful-woman-home_329181-1146.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Sarah Ahmed", role: "Patient", testimonial: "Incredible service, truly professional.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-beautiful-woman-home_329181-1146.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bilal Khan",
|
||||
role: "Patient",
|
||||
testimonial: "Very modern facility and friendly staff.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-young-businesswoman_74855-2798.jpg",
|
||||
},
|
||||
id: "2", name: "Bilal Khan", role: "Patient", testimonial: "Very modern facility and friendly staff.", imageSrc: "http://img.b2bpic.net/free-photo/focused-young-businesswoman_74855-2798.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Fatima Zahra",
|
||||
role: "Patient",
|
||||
testimonial: "The best clinic in Clifton, period.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-back-professional-dentist-man-working-with-patient-modern-clinic_496169-891.jpg",
|
||||
},
|
||||
id: "3", name: "Fatima Zahra", role: "Patient", testimonial: "The best clinic in Clifton, period.", imageSrc: "http://img.b2bpic.net/free-photo/photo-back-professional-dentist-man-working-with-patient-modern-clinic_496169-891.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Ali Abbas",
|
||||
role: "Patient",
|
||||
testimonial: "Amazing results, changed my smile.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-african-american-woman-posing_273609-19617.jpg",
|
||||
},
|
||||
id: "4", name: "Ali Abbas", role: "Patient", testimonial: "Amazing results, changed my smile.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-african-american-woman-posing_273609-19617.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Zara Noor",
|
||||
role: "Patient",
|
||||
testimonial: "I couldn't be happier with my new smile, simply perfect.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-beautiful-woman-home_329181-1146.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Zara Noor", role: "Patient", testimonial: "I couldn't be happier with my new smile, simply perfect.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-beautiful-woman-home_329181-1146.jpg"},
|
||||
]}
|
||||
title="Patient Stories"
|
||||
description="Hear what our patients say about their experience."
|
||||
@@ -307,20 +187,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Book Your Consultation"
|
||||
description="Block 9, Clifton, Karachi | +92 331 210 2003"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+923312102003",
|
||||
},
|
||||
text: "Call Now", href: "tel:+923312102003"},
|
||||
{
|
||||
text: "Find Us",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
text: "Find Us", href: "https://maps.google.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -330,38 +205,25 @@ export default function LandingPage() {
|
||||
logoText="Glow & Smile"
|
||||
columns={[
|
||||
{
|
||||
title: "Clinic",
|
||||
items: [
|
||||
title: "Clinic", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#",
|
||||
},
|
||||
label: "Services", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Clifton, Karachi",
|
||||
href: "#",
|
||||
},
|
||||
label: "Clifton, Karachi", href: "#"},
|
||||
{
|
||||
label: "+92 331 210 2003",
|
||||
href: "tel:+923312102003",
|
||||
},
|
||||
label: "+92 331 210 2003", href: "tel:+923312102003"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user