Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
175
src/app/page.tsx
175
src/app/page.tsx
@@ -29,26 +29,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Location",
|
||||
id: "location",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Location", id: "location" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Mia Dental"
|
||||
/>
|
||||
@@ -56,48 +41,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Your Smile, Our Priority"
|
||||
description="Experience clinical luxury at Mia Dental, Cape Town's premier destination for professional, modern dental care."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Appointment", href: "#contact" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/conceptual-3d-illustration-dental-abscess-fire_183364-123710.jpg?_wi=1",
|
||||
imageAlt: "3d tooth model dark background",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-representation-dental-health-hygiene_23-2150473213.jpg",
|
||||
imageAlt: "3d tooth model dark background",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/toothbrush-composition_23-2147817689.jpg",
|
||||
imageAlt: "3d tooth model dark background",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dental-hygiene-concept-with-tooth_23-2150273620.jpg",
|
||||
imageAlt: "3d tooth model dark background",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dental-hygiene-concept-with-tooth_23-2150273621.jpg",
|
||||
imageAlt: "3d tooth model dark background",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-dental-hygiene_52683-110627.jpg",
|
||||
imageAlt: "3d tooth model dark background",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/conceptual-3d-illustration-dental-abscess-fire_183364-123710.jpg", imageAlt: "3d tooth model dark background" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/3d-representation-dental-health-hygiene_23-2150473213.jpg", imageAlt: "3d tooth model dark background" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/toothbrush-composition_23-2147817689.jpg", imageAlt: "3d tooth model dark background" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/dental-hygiene-concept-with-tooth_23-2150273620.jpg", imageAlt: "3d tooth model dark background" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/dental-hygiene-concept-with-tooth_23-2150273621.jpg", imageAlt: "3d tooth model dark background" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-dental-hygiene_52683-110627.jpg", imageAlt: "3d tooth model dark background" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -109,36 +63,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Tooth Extraction",
|
||||
description: "Professional, gentle extraction procedures for relief and health.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Trash,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/conceptual-3d-illustration-human-periodontitis_183364-123707.jpg",
|
||||
imageAlt: "Conceptual 3D illustration of human periodontitis",
|
||||
title: "Tooth Extraction", description: "Professional, gentle extraction procedures for relief and health.", bentoComponent: "reveal-icon", icon: Trash,
|
||||
},
|
||||
{
|
||||
title: "Fillings",
|
||||
description: "Seamless, aesthetic composite fillings that last.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/conceptual-3d-illustration-dental-abscess-fire_183364-123710.jpg?_wi=2",
|
||||
imageAlt: "Conceptual 3D illustration of human periodontitis",
|
||||
title: "Fillings", description: "Seamless, aesthetic composite fillings that last.", bentoComponent: "reveal-icon", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Teeth Cleaning",
|
||||
description: "Deep oral hygiene for a brighter, healthier smile.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-young-office-worker-glasses-suit-smiling-camera-looking-happy-white_1258-173667.jpg?_wi=1",
|
||||
imageAlt: "Conceptual 3D illustration of human periodontitis",
|
||||
title: "Teeth Cleaning", description: "Deep oral hygiene for a brighter, healthier smile.", bentoComponent: "reveal-icon", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Pain Management",
|
||||
description: "Comfort-first approach to all dental procedures.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: ShieldCheck,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-green-uniform-holding-stethoscope_114579-18724.jpg?_wi=1",
|
||||
imageAlt: "Conceptual 3D illustration of human periodontitis",
|
||||
title: "Pain Management", description: "Comfort-first approach to all dental procedures.", bentoComponent: "reveal-icon", icon: ShieldCheck,
|
||||
},
|
||||
]}
|
||||
title="Premium Dental Services"
|
||||
@@ -166,46 +100,11 @@ export default function LandingPage() {
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mohammed Ebrahim",
|
||||
role: "Patient",
|
||||
company: "Cape Town",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-young-office-worker-glasses-suit-smiling-camera-looking-happy-white_1258-173667.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Smith",
|
||||
role: "Patient",
|
||||
company: "Cape Town",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-green-uniform-holding-stethoscope_114579-18724.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Miller",
|
||||
role: "Patient",
|
||||
company: "Cape Town",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-white-hoodie-winter-fashion_53876-105546.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K",
|
||||
role: "Patient",
|
||||
company: "Cape Town",
|
||||
rating: 3,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-model-posing-with-white-background_23-2148240018.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa B",
|
||||
role: "Patient",
|
||||
company: "Cape Town",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-with-crossed-arms_23-2148095676.jpg",
|
||||
},
|
||||
{ id: "1", name: "Mohammed Ebrahim", role: "Patient", company: "Cape Town", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-young-office-worker-glasses-suit-smiling-camera-looking-happy-white_1258-173667.jpg" },
|
||||
{ id: "2", name: "John Smith", role: "Patient", company: "Cape Town", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-green-uniform-holding-stethoscope_114579-18724.jpg" },
|
||||
{ id: "3", name: "Sarah Miller", role: "Patient", company: "Cape Town", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-white-hoodie-winter-fashion_53876-105546.jpg" },
|
||||
{ id: "4", name: "David K", role: "Patient", company: "Cape Town", rating: 3, imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-model-posing-with-white-background_23-2148240018.jpg" },
|
||||
{ id: "5", name: "Lisa B", role: "Patient", company: "Cape Town", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-with-crossed-arms_23-2148095676.jpg" },
|
||||
]}
|
||||
title="Patient Stories"
|
||||
description="Hear how we've helped patients regain their confidence."
|
||||
@@ -215,9 +114,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Contact Us"
|
||||
title="Book Your Visit Today"
|
||||
description="Get in touch for appointments or inquiries."
|
||||
@@ -230,29 +127,15 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Mia Dental",
|
||||
items: [
|
||||
{
|
||||
label: "Cape Town CBD",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "021 461 7886",
|
||||
href: "tel:0214617886",
|
||||
},
|
||||
title: "Mia Dental", items: [
|
||||
{ label: "Cape Town CBD", href: "#" },
|
||||
{ label: "021 461 7886", href: "tel:0214617886" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
title: "Links", items: [
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Reviews", href: "#reviews" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user