Merge version_1 into main #1
165
src/app/page.tsx
165
src/app/page.tsx
@@ -16,31 +16,23 @@ export default function LandingPage() {
|
||||
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: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Treatments",
|
||||
id: "treatments",
|
||||
},
|
||||
{
|
||||
name: "Results",
|
||||
id: "results",
|
||||
},
|
||||
{
|
||||
name: "Book Now",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Treatments", id: "treatments" },
|
||||
{ name: "Results", id: "results" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Chérie"
|
||||
/>
|
||||
@@ -48,47 +40,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Enhance Your Natural Beauty With Confidence"
|
||||
description="Awardwinning cosmetic clinic delivering personalised treatments from Sydney's most trusted practitioners. See real results from real clients."
|
||||
background={{ variant: "plain" }}
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The best experience I've had. My skin looks radiant and natural.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVFWTOf4kRQuJF3pUVGfQa2UNG/female-client-portrait-natural-beauty-sm-1774568199061-810240f1.png",
|
||||
},
|
||||
{
|
||||
name: "Emma L.",
|
||||
handle: "@emmal",
|
||||
testimonial: "Very professional and caring staff. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVFWTOf4kRQuJF3pUVGfQa2UNG/female-client-portrait-skin-texture-focu-1774568199023-4d4cad7e.png",
|
||||
},
|
||||
{
|
||||
name: "Julia M.",
|
||||
handle: "@juliam",
|
||||
testimonial: "Natural results and amazing service. So happy!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVFWTOf4kRQuJF3pUVGfQa2UNG/female-client-portrait-radiant-skin-1774568201297-d78a73fd.png",
|
||||
},
|
||||
{
|
||||
name: "Kate W.",
|
||||
handle: "@katew",
|
||||
testimonial: "Exceptional care and attention to detail.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVFWTOf4kRQuJF3pUVGfQa2UNG/portrait-of-middle-aged-woman-refined-lo-1774568199434-e71486c6.png",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
{ name: "Sarah J.", handle: "@sarahj", testimonial: "The best experience I've had. My skin looks radiant and natural.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVFWTOf4kRQuJF3pUVGfQa2UNG/female-client-portrait-natural-beauty-sm-1774568199061-810240f1.png" },
|
||||
{ name: "Emma L.", handle: "@emmal", testimonial: "Very professional and caring staff. Highly recommend.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVFWTOf4kRQuJF3pUVGfQa2UNG/female-client-portrait-skin-texture-focu-1774568199023-4d4cad7e.png" },
|
||||
{ name: "Julia M.", handle: "@juliam", testimonial: "Natural results and amazing service. So happy!", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVFWTOf4kRQuJF3pUVGfQa2UNG/female-client-portrait-radiant-skin-1774568201297-d78a73fd.png" },
|
||||
{ name: "Kate W.", handle: "@katew", testimonial: "Exceptional care and attention to detail.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVFWTOf4kRQuJF3pUVGfQa2UNG/portrait-of-middle-aged-woman-refined-lo-1774568199434-e71486c6.png" }
|
||||
]}
|
||||
buttons={[{ text: "Book Your Consultation", href: "#contact" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVFWTOf4kRQuJF3pUVGfQa2UNG/elegant-clinic-interior-soft-lighting-lu-1774568199400-909fadeb.png"
|
||||
/>
|
||||
</div>
|
||||
@@ -97,15 +58,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Philosophy of Care",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVFWTOf4kRQuJF3pUVGfQa2UNG/professional-aesthetician-providing-skin-1774568199703-751c261e.png",
|
||||
alt: "Clinic Consultation",
|
||||
},
|
||||
{ type: "text", content: "Our Philosophy of Care" },
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVFWTOf4kRQuJF3pUVGfQa2UNG/professional-aesthetician-providing-skin-1774568199703-751c261e.png", alt: "Clinic Consultation" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -116,21 +70,9 @@ export default function LandingPage() {
|
||||
title="Signature Treatments"
|
||||
description="Experience personalised care using the latest cosmetic advancements."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Anti-Wrinkle Injections",
|
||||
content: "Subtle, professional results to soften fine lines.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Dermal Fillers",
|
||||
content: "Restore volume and define your features naturally.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Skin Rejuvenation",
|
||||
content: "Advanced skincare to improve texture and radiance.",
|
||||
},
|
||||
{ id: "1", title: "Anti-Wrinkle Injections", content: "Subtle, professional results to soften fine lines." },
|
||||
{ id: "2", title: "Dermal Fillers", content: "Restore volume and define your features naturally." },
|
||||
{ id: "3", title: "Skin Rejuvenation", content: "Advanced skincare to improve texture and radiance." }
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVFWTOf4kRQuJF3pUVGfQa2UNG/close-up-artistic-shot-of-facial-skincar-1774568199466-99ee6987.png"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -143,72 +85,31 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sophie M.",
|
||||
role: "Client",
|
||||
company: "Sydney",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVFWTOf4kRQuJF3pUVGfQa2UNG/bright-clinic-space-architectural-focus-1774568201746-98bbe42e.png",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Chloe T.",
|
||||
role: "Client",
|
||||
company: "Sydney",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVFWTOf4kRQuJF3pUVGfQa2UNG/clinic-consultation-desk-1774568200927-c8113bb1.png",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mia R.",
|
||||
role: "Client",
|
||||
company: "Sydney",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVFWTOf4kRQuJF3pUVGfQa2UNG/comfortable-treatment-room-view-1774568200528-db4def54.png",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena P.",
|
||||
role: "Client",
|
||||
company: "Sydney",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVFWTOf4kRQuJF3pUVGfQa2UNG/luxury-skincare-display-area-1774568200900-dee1d0fc.png",
|
||||
},
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="See why our clients trust us with their natural enhancement journey."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sophie M.", role: "Client", company: "Sydney", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVFWTOf4kRQuJF3pUVGfQa2UNG/bright-clinic-space-architectural-focus-1774568201746-98bbe42e.png" },
|
||||
{ id: "2", name: "Chloe T.", role: "Client", company: "Sydney", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVFWTOf4kRQuJF3pUVGfQa2UNG/clinic-consultation-desk-1774568200927-c8113bb1.png" },
|
||||
{ id: "3", name: "Mia R.", role: "Client", company: "Sydney", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVFWTOf4kRQuJF3pUVGfQa2UNG/comfortable-treatment-room-view-1774568200528-db4def54.png" },
|
||||
{ id: "4", name: "Elena P.", role: "Client", company: "Sydney", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVFWTOf4kRQuJF3pUVGfQa2UNG/luxury-skincare-display-area-1774568200900-dee1d0fc.png" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to enhance your natural beauty? Book a consultation today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Consultation",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Consultation", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Chérie Cosmetic Clinic"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "© 2026 Chérie Clinic",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "© 2026 Chérie Clinic", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user