Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 2415e8f2e8 | |||
| 76ea42e5e2 | |||
| 613c9911ae |
215
src/app/page.tsx
215
src/app/page.tsx
@@ -30,93 +30,58 @@ export default function LandingPage() {
|
|||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "#hero"},
|
||||||
id: "#hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Services",
|
name: "Services", id: "#services"},
|
||||||
id: "#services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Experience",
|
name: "Experience", id: "#experience"},
|
||||||
id: "#experience",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "#contact"},
|
||||||
id: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="C&P Beauty Club"
|
brandName="C&P Beauty Club"
|
||||||
button={{
|
button={{
|
||||||
text: "Book now",
|
text: "Book now", href: "#contact"}}
|
||||||
href: "#contact",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboard
|
<HeroBillboard
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
title="C&P Beauty Club"
|
title="C&P Beauty Club"
|
||||||
description="Luxury beauty. Personalized to you."
|
description="Luxury beauty. Personalized to you."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Book your experience",
|
text: "Book your experience", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Explore services",
|
text: "Explore services", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-with-gloves_23-2149392957.jpg?_wi=1"
|
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"
|
imageAlt="Model with flawless glowing skin"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/charming-relaxed-female-with-positive-smile-sits-terrace-cafe_273609-2522.jpg",
|
src: "http://img.b2bpic.net/free-photo/charming-relaxed-female-with-positive-smile-sits-terrace-cafe_273609-2522.jpg", alt: "Client 1"},
|
||||||
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",
|
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"},
|
||||||
alt: "Client 2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-pretty-female-with-pink-silk-dress-sitting-outdoor-cafe_181624-27386.jpg",
|
src: "http://img.b2bpic.net/free-photo/vertical-shot-pretty-female-with-pink-silk-dress-sitting-outdoor-cafe_181624-27386.jpg", alt: "Client 3"},
|
||||||
alt: "Client 3",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/studio-shot-glad-woman-white-jacket-is-posing-beige-background_291650-431.jpg",
|
src: "http://img.b2bpic.net/free-photo/studio-shot-glad-woman-white-jacket-is-posing-beige-background_291650-431.jpg", alt: "Client 4"},
|
||||||
alt: "Client 4",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-with-gloves_23-2149392957.jpg",
|
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-with-gloves_23-2149392957.jpg", alt: "Client 5"},
|
||||||
alt: "Client 5",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatarText="Join 5,000+ satisfied members"
|
avatarText="Join 5,000+ satisfied members"
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "PRECISION"},
|
||||||
text: "PRECISION",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "ELEGANCE"},
|
||||||
text: "ELEGANCE",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "LUXURY"},
|
||||||
text: "LUXURY",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "PERSONALIZED"},
|
||||||
text: "PERSONALIZED",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "EXCELLENCE"},
|
||||||
text: "EXCELLENCE",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -128,19 +93,13 @@ export default function LandingPage() {
|
|||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
icon: Sparkles,
|
icon: Sparkles,
|
||||||
label: "Years of Expertise",
|
label: "Years of Expertise", value: "10+"},
|
||||||
value: "10+",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Award,
|
icon: Award,
|
||||||
label: "Happy Clients",
|
label: "Happy Clients", value: "5000+"},
|
||||||
value: "5000+",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Shield,
|
icon: Shield,
|
||||||
label: "Verified Results",
|
label: "Verified Results", value: "100%"},
|
||||||
value: "100%",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -151,33 +110,16 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{ 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: 1,
|
{ 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" },
|
||||||
title: "Hair Styling",
|
{ 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" },
|
||||||
description: "Expert precision cuts and custom styling.",
|
{ 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" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-with-gloves_23-2149392957.jpg?_wi=2",
|
{ 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" },
|
||||||
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",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Signature Services"
|
title="Our Beauty Services"
|
||||||
description="Where precision meets care."
|
description="Tailored care for your unique style."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -188,19 +130,13 @@ export default function LandingPage() {
|
|||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
icon: CheckCircle,
|
icon: CheckCircle,
|
||||||
label: "Consultations",
|
label: "Consultations", value: "Tailored"},
|
||||||
value: "Tailored",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: CheckCircle,
|
icon: CheckCircle,
|
||||||
label: "Products",
|
label: "Products", value: "Premium"},
|
||||||
value: "Premium",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: CheckCircle,
|
icon: CheckCircle,
|
||||||
label: "Environment",
|
label: "Environment", value: "Curated"},
|
||||||
value: "Curated",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
metricsAnimation="blur-reveal"
|
metricsAnimation="blur-reveal"
|
||||||
/>
|
/>
|
||||||
@@ -213,59 +149,28 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Alice M.", role: "Entrepreneur", company: "C&P Member", rating: 5,
|
||||||
name: "Alice M.",
|
imageSrc: "http://img.b2bpic.net/free-photo/charming-relaxed-female-with-positive-smile-sits-terrace-cafe_273609-2522.jpg"},
|
||||||
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",
|
id: "2", name: "Sarah P.", role: "Designer", company: "C&P Member", rating: 5,
|
||||||
name: "Sarah P.",
|
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"},
|
||||||
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",
|
id: "3", name: "Elena R.", role: "Marketing", company: "C&P Member", rating: 5,
|
||||||
name: "Elena R.",
|
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-pretty-female-with-pink-silk-dress-sitting-outdoor-cafe_181624-27386.jpg"},
|
||||||
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",
|
id: "4", name: "Victoria K.", role: "CEO", company: "C&P Member", rating: 5,
|
||||||
name: "Victoria K.",
|
imageSrc: "http://img.b2bpic.net/free-photo/studio-shot-glad-woman-white-jacket-is-posing-beige-background_291650-431.jpg"},
|
||||||
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",
|
id: "5", name: "James T.", role: "Creative", company: "C&P Member", rating: 5,
|
||||||
name: "James T.",
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-with-gloves_23-2149392957.jpg?_wi=6"},
|
||||||
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={[
|
kpiItems={[
|
||||||
{
|
{
|
||||||
value: "98%",
|
value: "98%", label: "Retention"},
|
||||||
label: "Retention",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "5k+",
|
value: "5k+", label: "Members"},
|
||||||
label: "Members",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "10/10",
|
value: "10/10", label: "Quality"},
|
||||||
label: "Quality",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Voices of Elegance"
|
title="Voices of Elegance"
|
||||||
description="See why our members choose us."
|
description="See why our members choose us."
|
||||||
@@ -276,8 +181,7 @@ export default function LandingPage() {
|
|||||||
<ContactSplit
|
<ContactSplit
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
tag="Join the Club"
|
tag="Join the Club"
|
||||||
title="You need a standard."
|
title="You need a standard."
|
||||||
description="Ready to experience the C&P difference? Book your consultation today."
|
description="Ready to experience the C&P difference? Book your consultation today."
|
||||||
@@ -291,34 +195,23 @@ export default function LandingPage() {
|
|||||||
<FooterBaseReveal
|
<FooterBaseReveal
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Connect",
|
title: "Connect", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Instagram",
|
label: "Instagram", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "WhatsApp",
|
label: "WhatsApp", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Visit",
|
title: "Visit", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "123 Beauty Ave, London",
|
label: "123 Beauty Ave, London", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Hours",
|
title: "Hours", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Mon-Sat: 10am - 8pm",
|
label: "Mon-Sat: 10am - 8pm", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user