Merge version_1 into main #1
243
src/app/page.tsx
243
src/app/page.tsx
@@ -33,29 +33,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Stylists",
|
||||
id: "#team",
|
||||
},
|
||||
name: "Stylists", id: "#team"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Amore"
|
||||
/>
|
||||
@@ -64,64 +52,41 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Luxury Redefined at Amore"
|
||||
description="Experience unparalleled artistry and personalized care in our sophisticated sanctuary. Your journey to radiance starts here."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Visit",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Visit", href: "#contact"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8zzxkf"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=na6iyv",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=na6iyv", alt: "Client 1"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rxvqfv",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rxvqfv", alt: "Client 2"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mzv30i",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mzv30i", alt: "Client 3"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bw4qgj",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bw4qgj", alt: "Client 4"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=byyahc",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=byyahc", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Join 500+ satisfied clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Cuts",
|
||||
type: "text", text: "Precision Cuts"},
|
||||
{
|
||||
type: "text-icon", text: "Color Design", icon: Palette,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Color Design",
|
||||
icon: Palette,
|
||||
type: "text", text: "Bridal Updos"},
|
||||
{
|
||||
type: "text-icon", text: "Hydrating Rituals", icon: Droplets,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bridal Updos",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Hydrating Rituals",
|
||||
icon: Droplets,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Blowouts",
|
||||
},
|
||||
type: "text", text: "Blowouts"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -147,41 +112,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
name: "Masterful Cut & Style",
|
||||
price: "$120+",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k357ar",
|
||||
},
|
||||
id: "s1", name: "Masterful Cut & Style", price: "$120+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k357ar"},
|
||||
{
|
||||
id: "s2",
|
||||
name: "Signature Color Design",
|
||||
price: "$250+",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hezxls",
|
||||
},
|
||||
id: "s2", name: "Signature Color Design", price: "$250+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hezxls"},
|
||||
{
|
||||
id: "s3",
|
||||
name: "Hydrating Ritual",
|
||||
price: "$80+",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4sswc4",
|
||||
},
|
||||
id: "s3", name: "Hydrating Ritual", price: "$80+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4sswc4"},
|
||||
{
|
||||
id: "s4",
|
||||
name: "Balayage Transformation",
|
||||
price: "$300+",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b6dl9c",
|
||||
},
|
||||
id: "s4", name: "Balayage Transformation", price: "$300+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b6dl9c"},
|
||||
{
|
||||
id: "s5",
|
||||
name: "Bridal Updo Artistry",
|
||||
price: "$200+",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ooc1vg",
|
||||
},
|
||||
id: "s5", name: "Bridal Updo Artistry", price: "$200+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ooc1vg"},
|
||||
{
|
||||
id: "s6",
|
||||
name: "Gloss & Shine Treatment",
|
||||
price: "$90+",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h93wo7",
|
||||
},
|
||||
id: "s6", name: "Gloss & Shine Treatment", price: "$90+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h93wo7"},
|
||||
]}
|
||||
title="Exquisite Services"
|
||||
description="Select from our curated list of premium styling services designed to enhance your unique beauty."
|
||||
@@ -193,28 +134,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Meet Your Stylists"
|
||||
tag="Expert Artists"
|
||||
membersAnimation="scale-rotate"
|
||||
membersAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elena Rossi",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7uytc3",
|
||||
},
|
||||
id: "t1", name: "Elena Rossi", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7uytc3"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus Thorne",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yxg7zm",
|
||||
},
|
||||
id: "t2", name: "Marcus Thorne", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yxg7zm"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sophia Vance",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ig6580",
|
||||
},
|
||||
id: "t3", name: "Sophia Vance", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ig6580"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Julian Ray",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9qajdl",
|
||||
},
|
||||
id: "t4", name: "Julian Ray", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9qajdl"},
|
||||
]}
|
||||
memberVariant="card"
|
||||
/>
|
||||
@@ -227,38 +156,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Essential",
|
||||
price: "$90",
|
||||
subtitle: "Refreshing cuts and basics",
|
||||
features: [
|
||||
"Consultation",
|
||||
"Precision Cut",
|
||||
"Blowout Finish",
|
||||
],
|
||||
id: "p1", badge: "Essential", price: "$90", subtitle: "Refreshing cuts and basics", features: [
|
||||
"Consultation", "Precision Cut", "Blowout Finish"],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Signature",
|
||||
price: "$210",
|
||||
subtitle: "Our most popular treatments",
|
||||
features: [
|
||||
"Full Color Correction",
|
||||
"Deep Moisture",
|
||||
"Luxury Styling",
|
||||
],
|
||||
id: "p2", badge: "Signature", price: "$210", subtitle: "Our most popular treatments", features: [
|
||||
"Full Color Correction", "Deep Moisture", "Luxury Styling"],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Elite",
|
||||
price: "$450",
|
||||
subtitle: "Ultimate salon experience",
|
||||
features: [
|
||||
"Full Balayage",
|
||||
"Gloss Treatment",
|
||||
"Personalized Ritual",
|
||||
"Take-home care",
|
||||
],
|
||||
id: "p3", badge: "Elite", price: "$450", subtitle: "Ultimate salon experience", features: [
|
||||
"Full Balayage", "Gloss Treatment", "Personalized Ritual", "Take-home care"],
|
||||
},
|
||||
]}
|
||||
title="Investment in Radiance"
|
||||
@@ -274,25 +181,15 @@ export default function LandingPage() {
|
||||
author="Julianne M."
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=na6iyv",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=na6iyv", alt: "Client 1"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rxvqfv",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rxvqfv", alt: "Client 2"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mzv30i",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mzv30i", alt: "Client 3"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bw4qgj",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bw4qgj", alt: "Client 4"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=byyahc",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=byyahc", alt: "Client 5"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -305,25 +202,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How often should I book?",
|
||||
content: "Depending on your services, we recommend booking every 6-8 weeks to maintain your look.",
|
||||
},
|
||||
id: "q1", title: "How often should I book?", content: "Depending on your services, we recommend booking every 6-8 weeks to maintain your look."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What products do you use?",
|
||||
content: "We only use premium, sustainably-sourced products tailored to your hair type.",
|
||||
},
|
||||
id: "q2", title: "What products do you use?", content: "We only use premium, sustainably-sourced products tailored to your hair type."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I request a specific stylist?",
|
||||
content: "Yes, you can request any stylist based on availability during booking.",
|
||||
},
|
||||
id: "q3", title: "Can I request a specific stylist?", content: "Yes, you can request any stylist based on availability during booking."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Do you offer consultations?",
|
||||
content: "Absolutely. Book a complimentary consult to discuss your hair goals.",
|
||||
},
|
||||
id: "q4", title: "Do you offer consultations?", content: "Absolutely. Book a complimentary consult to discuss your hair goals."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers to help you prepare for your visit."
|
||||
@@ -335,8 +220,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Start Your Transformation"
|
||||
description="Secure your spot at Amore. Book your session today."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9x4ihy"
|
||||
@@ -352,42 +236,27 @@ export default function LandingPage() {
|
||||
logoText="Amore"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Cut",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Cut", href: "#services"},
|
||||
{
|
||||
label: "Color",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Color", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Team",
|
||||
href: "#team",
|
||||
},
|
||||
label: "Team", href: "#team"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user