Update src/app/page.tsx
This commit is contained in:
215
src/app/page.tsx
215
src/app/page.tsx
@@ -30,93 +30,58 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "#experience",
|
||||
},
|
||||
name: "Experience", id: "#experience"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="C&P Beauty Club"
|
||||
button={{
|
||||
text: "Book now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="C&P Beauty Club"
|
||||
description="Luxury beauty. Personalized to you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book your experience",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book your experience", href: "#contact"},
|
||||
{
|
||||
text: "Explore services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Explore services", href: "#services"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-with-gloves_23-2149392957.jpg?_wi=1"
|
||||
imageAlt="Model with flawless glowing skin"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/charming-relaxed-female-with-positive-smile-sits-terrace-cafe_273609-2522.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/charming-relaxed-female-with-positive-smile-sits-terrace-cafe_273609-2522.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-student-girl-with-gathered-hair-make-up-relaxing-home-after-lectures-university-attractive-cheerful-young-woman-blue-dress-sitting-comfortable-couch-with-joyful-relaxed-smile_343059-2102.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-student-girl-with-gathered-hair-make-up-relaxing-home-after-lectures-university-attractive-cheerful-young-woman-blue-dress-sitting-comfortable-couch-with-joyful-relaxed-smile_343059-2102.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-pretty-female-with-pink-silk-dress-sitting-outdoor-cafe_181624-27386.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-pretty-female-with-pink-silk-dress-sitting-outdoor-cafe_181624-27386.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/studio-shot-glad-woman-white-jacket-is-posing-beige-background_291650-431.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/studio-shot-glad-woman-white-jacket-is-posing-beige-background_291650-431.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-with-gloves_23-2149392957.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-with-gloves_23-2149392957.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Join 5,000+ satisfied members"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "PRECISION",
|
||||
},
|
||||
type: "text", text: "PRECISION"},
|
||||
{
|
||||
type: "text",
|
||||
text: "ELEGANCE",
|
||||
},
|
||||
type: "text", text: "ELEGANCE"},
|
||||
{
|
||||
type: "text",
|
||||
text: "LUXURY",
|
||||
},
|
||||
type: "text", text: "LUXURY"},
|
||||
{
|
||||
type: "text",
|
||||
text: "PERSONALIZED",
|
||||
},
|
||||
type: "text", text: "PERSONALIZED"},
|
||||
{
|
||||
type: "text",
|
||||
text: "EXCELLENCE",
|
||||
},
|
||||
type: "text", text: "EXCELLENCE"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -128,19 +93,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Years of Expertise",
|
||||
value: "10+",
|
||||
},
|
||||
label: "Years of Expertise", value: "10+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Happy Clients",
|
||||
value: "5000+",
|
||||
},
|
||||
label: "Happy Clients", value: "5000+"},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Verified Results",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Verified Results", value: "100%"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -151,33 +110,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Hair Styling",
|
||||
description: "Expert precision cuts and custom styling.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-with-gloves_23-2149392957.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Skin Treatments",
|
||||
description: "Custom facials for radiant, healthy skin.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-with-gloves_23-2149392957.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Lash & Brow Design",
|
||||
description: "Defining your natural beauty with care.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-with-gloves_23-2149392957.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: "Luxury Treatments",
|
||||
description: "Curated experiences for pure rejuvenation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-with-gloves_23-2149392957.jpg?_wi=5",
|
||||
},
|
||||
{ id: 1, title: "Balayage", description: "Expertly applied light and dimension.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-with-gloves_23-2149392957.jpg?_wi=2" },
|
||||
{ id: 2, title: "Color Effects", description: "Custom hues for your perfect look.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-with-gloves_23-2149392957.jpg?_wi=3" },
|
||||
{ id: 3, title: "Straightening", description: "Smooth, sleek hair treatments.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-with-gloves_23-2149392957.jpg?_wi=4" },
|
||||
{ id: 4, title: "Restorations", description: "Revitalizing deep conditioning care.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-with-gloves_23-2149392957.jpg?_wi=5" },
|
||||
{ id: 5, title: "Hair Cuts", description: "Tailored styles for modern aesthetics.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-with-gloves_23-2149392957.jpg?_wi=6" },
|
||||
{ id: 6, title: "Nails", description: "Professional nail care excellence.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-with-gloves_23-2149392957.jpg?_wi=2" },
|
||||
{ id: 7, title: "Pedicure & Manicure", description: "Premium hand and foot treatments.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-with-gloves_23-2149392957.jpg?_wi=3" },
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
description="Where precision meets care."
|
||||
title="Our Beauty Services"
|
||||
description="Tailored care for your unique style."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -188,19 +130,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Consultations",
|
||||
value: "Tailored",
|
||||
},
|
||||
label: "Consultations", value: "Tailored"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Products",
|
||||
value: "Premium",
|
||||
},
|
||||
label: "Products", value: "Premium"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Environment",
|
||||
value: "Curated",
|
||||
},
|
||||
label: "Environment", value: "Curated"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -213,59 +149,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice M.",
|
||||
role: "Entrepreneur",
|
||||
company: "C&P Member",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-relaxed-female-with-positive-smile-sits-terrace-cafe_273609-2522.jpg",
|
||||
},
|
||||
id: "1", name: "Alice M.", role: "Entrepreneur", company: "C&P Member", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-relaxed-female-with-positive-smile-sits-terrace-cafe_273609-2522.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah P.",
|
||||
role: "Designer",
|
||||
company: "C&P Member",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-student-girl-with-gathered-hair-make-up-relaxing-home-after-lectures-university-attractive-cheerful-young-woman-blue-dress-sitting-comfortable-couch-with-joyful-relaxed-smile_343059-2102.jpg",
|
||||
},
|
||||
id: "2", name: "Sarah P.", role: "Designer", company: "C&P Member", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-student-girl-with-gathered-hair-make-up-relaxing-home-after-lectures-university-attractive-cheerful-young-woman-blue-dress-sitting-comfortable-couch-with-joyful-relaxed-smile_343059-2102.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
role: "Marketing",
|
||||
company: "C&P Member",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-pretty-female-with-pink-silk-dress-sitting-outdoor-cafe_181624-27386.jpg",
|
||||
},
|
||||
id: "3", name: "Elena R.", role: "Marketing", company: "C&P Member", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-pretty-female-with-pink-silk-dress-sitting-outdoor-cafe_181624-27386.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Victoria K.",
|
||||
role: "CEO",
|
||||
company: "C&P Member",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-shot-glad-woman-white-jacket-is-posing-beige-background_291650-431.jpg",
|
||||
},
|
||||
id: "4", name: "Victoria K.", role: "CEO", company: "C&P Member", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-shot-glad-woman-white-jacket-is-posing-beige-background_291650-431.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "James T.",
|
||||
role: "Creative",
|
||||
company: "C&P Member",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-with-gloves_23-2149392957.jpg?_wi=6",
|
||||
},
|
||||
id: "5", name: "James T.", role: "Creative", company: "C&P Member", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-with-gloves_23-2149392957.jpg?_wi=6"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "98%",
|
||||
label: "Retention",
|
||||
},
|
||||
value: "98%", label: "Retention"},
|
||||
{
|
||||
value: "5k+",
|
||||
label: "Members",
|
||||
},
|
||||
value: "5k+", label: "Members"},
|
||||
{
|
||||
value: "10/10",
|
||||
label: "Quality",
|
||||
},
|
||||
value: "10/10", label: "Quality"},
|
||||
]}
|
||||
title="Voices of Elegance"
|
||||
description="See why our members choose us."
|
||||
@@ -276,8 +181,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Join the Club"
|
||||
title="You need a standard."
|
||||
description="Ready to experience the C&P difference? Book your consultation today."
|
||||
@@ -291,34 +195,23 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "#",
|
||||
},
|
||||
label: "WhatsApp", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Visit",
|
||||
items: [
|
||||
title: "Visit", items: [
|
||||
{
|
||||
label: "123 Beauty Ave, London",
|
||||
href: "#",
|
||||
},
|
||||
label: "123 Beauty Ave, London", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hours",
|
||||
items: [
|
||||
title: "Hours", items: [
|
||||
{
|
||||
label: "Mon-Sat: 10am - 8pm",
|
||||
href: "#",
|
||||
},
|
||||
label: "Mon-Sat: 10am - 8pm", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user