Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
180
src/app/page.tsx
180
src/app/page.tsx
@@ -31,21 +31,13 @@ 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: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Clementine Antonio"
|
||||
/>
|
||||
@@ -54,35 +46,22 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Clementine Antonio"
|
||||
description="Redefining hair luxury through professional precision and artistic flair."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-reception_1203-754.jpg",
|
||||
imageAlt: "Salon Interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-reception_1203-754.jpg", imageAlt: "Salon Interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hairstylist-drying-curly-girl-s-hair-using-big-plastic-brush_651396-973.jpg",
|
||||
imageAlt: "Styling Session",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hairstylist-drying-curly-girl-s-hair-using-big-plastic-brush_651396-973.jpg", imageAlt: "Styling Session"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brush-hair_23-2148547357.jpg",
|
||||
imageAlt: "Professional Tools",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brush-hair_23-2148547357.jpg", imageAlt: "Professional Tools"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94677.jpg",
|
||||
imageAlt: "Styling Process",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94677.jpg", imageAlt: "Styling Process"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hair-process-keratin-treatment_23-2149332442.jpg",
|
||||
imageAlt: "Wash Station",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hair-process-keratin-treatment_23-2149332442.jpg", imageAlt: "Wash Station"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205930.jpg",
|
||||
imageAlt: "Salon Details",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205930.jpg", imageAlt: "Salon Details"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -92,8 +71,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Our Artistry"
|
||||
description={[
|
||||
"At Clementine Antonio, we treat hair as a canvas. With years of expertise, our stylists provide bespoke services tailored to enhance your natural beauty.",
|
||||
]}
|
||||
"At Clementine Antonio, we treat hair as a canvas. With years of expertise, our stylists provide bespoke services tailored to enhance your natural beauty."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -104,34 +82,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
label: "Cut",
|
||||
title: "Precision Cuts",
|
||||
items: [
|
||||
"Consultation",
|
||||
"Custom Styling",
|
||||
"Expert Technique",
|
||||
],
|
||||
id: "s1", label: "Cut", title: "Precision Cuts", items: [
|
||||
"Consultation", "Custom Styling", "Expert Technique"],
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
label: "Color",
|
||||
title: "Bespoke Coloring",
|
||||
items: [
|
||||
"Balayage",
|
||||
"Full Color",
|
||||
"Highlights",
|
||||
],
|
||||
id: "s2", label: "Color", title: "Bespoke Coloring", items: [
|
||||
"Balayage", "Full Color", "Highlights"],
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
label: "Care",
|
||||
title: "Hair Treatments",
|
||||
items: [
|
||||
"Conditioning",
|
||||
"Scalp Spa",
|
||||
"Restorative",
|
||||
],
|
||||
id: "s3", label: "Care", title: "Hair Treatments", items: [
|
||||
"Conditioning", "Scalp Spa", "Restorative"],
|
||||
},
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
@@ -141,38 +101,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Clementine",
|
||||
role: "Lead Stylist",
|
||||
description: "Color expert and precision cutter.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-beautiful-female-barber-uniform-holding-scissors-with-comb-isolated-pink-wall_141793-105808.jpg",
|
||||
},
|
||||
id: "m1", name: "Clementine", role: "Lead Stylist", description: "Color expert and precision cutter.", imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-beautiful-female-barber-uniform-holding-scissors-with-comb-isolated-pink-wall_141793-105808.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Antonio",
|
||||
role: "Creative Director",
|
||||
description: "Innovator in hair aesthetics.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-with-colorful-hair-black-apron-white-t-shirt-holding-paint-brush-hand-dreamily-looking-camera-modern-pottery-studio_574295-960.jpg",
|
||||
},
|
||||
id: "m2", name: "Antonio", role: "Creative Director", description: "Innovator in hair aesthetics.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-with-colorful-hair-black-apron-white-t-shirt-holding-paint-brush-hand-dreamily-looking-camera-modern-pottery-studio_574295-960.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Sofia",
|
||||
role: "Senior Stylist",
|
||||
description: "Specialist in bridal styling.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4446.jpg",
|
||||
},
|
||||
id: "m3", name: "Sofia", role: "Senior Stylist", description: "Specialist in bridal styling.", imageSrc: "http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4446.jpg"},
|
||||
{
|
||||
id: "m4",
|
||||
name: "Marco",
|
||||
role: "Colorist",
|
||||
description: "Master of balayage.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-hairdresser-apron-holding-hair-comb-spray-bottle-looking-front-with-serious-face-standing-green-wall_141793-71788.jpg",
|
||||
},
|
||||
id: "m4", name: "Marco", role: "Colorist", description: "Master of balayage.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-hairdresser-apron-holding-hair-comb-spray-bottle-looking-front-with-serious-face-standing-green-wall_141793-71788.jpg"},
|
||||
]}
|
||||
title="Meet The Stylists"
|
||||
description="Your vision, their expertise."
|
||||
@@ -186,40 +127,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice M.",
|
||||
handle: "@alice",
|
||||
testimonial: "The best haircut I have had in years!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-fashion-woman-orange-dress-posing-near-white-wall_1153-8543.jpg",
|
||||
},
|
||||
id: "t1", name: "Alice M.", handle: "@alice", testimonial: "The best haircut I have had in years!", imageSrc: "http://img.b2bpic.net/free-photo/attractive-fashion-woman-orange-dress-posing-near-white-wall_1153-8543.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "John D.",
|
||||
handle: "@johnd",
|
||||
testimonial: "Professional service and great ambiance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg",
|
||||
},
|
||||
id: "t2", name: "John D.", handle: "@johnd", testimonial: "Professional service and great ambiance.", imageSrc: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena R.",
|
||||
handle: "@elenar",
|
||||
testimonial: "Absolutely love my new color work.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-caucasian-smiling-brunette-woman-model-bright-pink-summer-stylish-dress-isolated-white-background_158538-2836.jpg",
|
||||
},
|
||||
id: "t3", name: "Elena R.", handle: "@elenar", testimonial: "Absolutely love my new color work.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-caucasian-smiling-brunette-woman-model-bright-pink-summer-stylish-dress-isolated-white-background_158538-2836.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sarah P.",
|
||||
handle: "@sarahp",
|
||||
testimonial: "A truly luxurious salon experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairstyling-smiling-young-woman-demonstrating-hairstyling-tips_259150-60121.jpg",
|
||||
},
|
||||
id: "t4", name: "Sarah P.", handle: "@sarahp", testimonial: "A truly luxurious salon experience.", imageSrc: "http://img.b2bpic.net/free-photo/hairstyling-smiling-young-woman-demonstrating-hairstyling-tips_259150-60121.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Brian K.",
|
||||
handle: "@briank",
|
||||
testimonial: "Clementine is truly a hair artist.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-getting-display-window-japanese-hairdressers-ready_23-2149395751.jpg",
|
||||
},
|
||||
id: "t5", name: "Brian K.", handle: "@briank", testimonial: "Clementine is truly a hair artist.", imageSrc: "http://img.b2bpic.net/free-photo/women-getting-display-window-japanese-hairdressers-ready_23-2149395751.jpg"},
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="What our clients say about the salon experience."
|
||||
@@ -232,20 +148,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I book?",
|
||||
content: "You can contact us via our Instagram DM.",
|
||||
},
|
||||
id: "f1", title: "How do I book?", content: "You can contact us via our Instagram DM."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you accept walk-ins?",
|
||||
content: "We prefer appointments to ensure quality time.",
|
||||
},
|
||||
id: "f2", title: "Do you accept walk-ins?", content: "We prefer appointments to ensure quality time."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What products do you use?",
|
||||
content: "We exclusively use premium salon brands.",
|
||||
},
|
||||
id: "f3", title: "What products do you use?", content: "We exclusively use premium salon brands."},
|
||||
]}
|
||||
title="Salon FAQs"
|
||||
description="Answers to common questions."
|
||||
@@ -257,8 +164,7 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready for a transformation? Reach out today."
|
||||
/>
|
||||
</div>
|
||||
@@ -269,29 +175,19 @@ export default function LandingPage() {
|
||||
logoText="Clementine Antonio"
|
||||
columns={[
|
||||
{
|
||||
title: "Studio",
|
||||
items: [
|
||||
title: "Studio", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
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