Update src/app/page.tsx
This commit is contained in:
204
src/app/page.tsx
204
src/app/page.tsx
@@ -31,29 +31,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
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: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
name: "Gallery", id: "gallery"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="The Parlour"
|
||||
/>
|
||||
@@ -65,9 +53,7 @@ export default function LandingPage() {
|
||||
description="Experience San Diego's most luxurious destination for exquisite hair design and sophisticated beauty services."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-young-woman-black-sweater-standing-posing_114579-58755.jpg?_wi=1"
|
||||
imageAlt="elegant luxury salon interior"
|
||||
@@ -79,18 +65,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Philosophy of ",
|
||||
},
|
||||
type: "text", content: "Our Philosophy of "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/family-car-salon-woman-buying-thecar-seat-little-african-girl-with-mther_1157-45043.jpg",
|
||||
alt: "salon owner working gracefully",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/family-car-salon-woman-buying-thecar-seat-little-african-girl-with-mther_1157-45043.jpg", alt: "salon owner working gracefully"},
|
||||
{
|
||||
type: "text",
|
||||
content: " Beauty",
|
||||
},
|
||||
type: "text", content: " Beauty"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -103,23 +82,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Cuts",
|
||||
description: "Expertly crafted cuts tailored to your face shape and hair texture.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-still-life-assortment-nail-care-products_23-2148974559.jpg?_wi=1",
|
||||
imageAlt: "haircut styling scissors",
|
||||
},
|
||||
title: "Precision Cuts", description: "Expertly crafted cuts tailored to your face shape and hair texture.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-still-life-assortment-nail-care-products_23-2148974559.jpg?_wi=1", imageAlt: "haircut styling scissors"},
|
||||
{
|
||||
title: "Custom Coloring",
|
||||
description: "Luminous color techniques including balayage, highlights, and precision tinting.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167372.jpg?_wi=1",
|
||||
imageAlt: "hair coloring technique palette",
|
||||
},
|
||||
title: "Custom Coloring", description: "Luminous color techniques including balayage, highlights, and precision tinting.", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167372.jpg?_wi=1", imageAlt: "hair coloring technique palette"},
|
||||
{
|
||||
title: "Blowout Styling",
|
||||
description: "Sophisticated styling for any occasion, leaving hair smooth and radiant.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-having-consultation-with-hairdresser_23-2147769876.jpg?_wi=1",
|
||||
imageAlt: "elegant blowout hair styling",
|
||||
},
|
||||
title: "Blowout Styling", description: "Sophisticated styling for any occasion, leaving hair smooth and radiant.", imageSrc: "http://img.b2bpic.net/free-photo/woman-having-consultation-with-hairdresser_23-2147769876.jpg?_wi=1", imageAlt: "elegant blowout hair styling"},
|
||||
]}
|
||||
title="Signature Services"
|
||||
description="Tailored treatments for your unique hair journey."
|
||||
@@ -134,41 +101,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "g1",
|
||||
name: "Reception Area",
|
||||
price: "Atmosphere",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skies-snowboard-lounge-area_482257-76730.jpg",
|
||||
},
|
||||
id: "g1", name: "Reception Area", price: "Atmosphere", imageSrc: "http://img.b2bpic.net/free-photo/skies-snowboard-lounge-area_482257-76730.jpg"},
|
||||
{
|
||||
id: "g2",
|
||||
name: "Styling Station",
|
||||
price: "Luxury",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-interior-decor-with-natural-lighting-ambiance-generated-by-ai_188544-28046.jpg",
|
||||
},
|
||||
id: "g2", name: "Styling Station", price: "Luxury", imageSrc: "http://img.b2bpic.net/free-photo/luxury-interior-decor-with-natural-lighting-ambiance-generated-by-ai_188544-28046.jpg"},
|
||||
{
|
||||
id: "g3",
|
||||
name: "Luminous Lighting",
|
||||
price: "Details",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flowers-near-fuchsia-eggs_23-2147754680.jpg",
|
||||
},
|
||||
id: "g3", name: "Luminous Lighting", price: "Details", imageSrc: "http://img.b2bpic.net/free-photo/flowers-near-fuchsia-eggs_23-2147754680.jpg"},
|
||||
{
|
||||
id: "g4",
|
||||
name: "Treatment Suite",
|
||||
price: "Relaxation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-young-woman-sitting-modern-cafe_171337-17121.jpg",
|
||||
},
|
||||
id: "g4", name: "Treatment Suite", price: "Relaxation", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-young-woman-sitting-modern-cafe_171337-17121.jpg"},
|
||||
{
|
||||
id: "g5",
|
||||
name: "Hair Studio",
|
||||
price: "Modern",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-graphic-pencils-stand-standing-table-creativity-school-studio-background-diverse-team-drawing-vase-sketch-canvas-working-sketching-technique-new-years-resolutions_482257-38999.jpg",
|
||||
},
|
||||
id: "g5", name: "Hair Studio", price: "Modern", imageSrc: "http://img.b2bpic.net/free-photo/close-up-graphic-pencils-stand-standing-table-creativity-school-studio-background-diverse-team-drawing-vase-sketch-canvas-working-sketching-technique-new-years-resolutions_482257-38999.jpg"},
|
||||
{
|
||||
id: "g6",
|
||||
name: "Beauty Bar",
|
||||
price: "Sophistication",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/details-decoration-modern-beauty-parlor-table-mirror-flowerpot-lamp-stylish-decor-concept_197531-31477.jpg",
|
||||
},
|
||||
id: "g6", name: "Beauty Bar", price: "Sophistication", imageSrc: "http://img.b2bpic.net/free-photo/details-decoration-modern-beauty-parlor-table-mirror-flowerpot-lamp-stylish-decor-concept_197531-31477.jpg"},
|
||||
]}
|
||||
title="Our Studio Gallery"
|
||||
description="A glimpse into our luxurious San Diego space."
|
||||
@@ -181,60 +124,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
date: "Oct 2023",
|
||||
title: "Incredible Service",
|
||||
quote: "The best balayage I've ever had in San Diego.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/women-shopping-buying-consumer-products-customer-day-celebration_23-2151623388.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-black-sweater-standing-posing_114579-58755.jpg?_wi=2",
|
||||
imageAlt: "portrait elegant happy customer",
|
||||
},
|
||||
id: "1", name: "Sarah J.", date: "Oct 2023", title: "Incredible Service", quote: "The best balayage I've ever had in San Diego.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/women-shopping-buying-consumer-products-customer-day-celebration_23-2151623388.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-black-sweater-standing-posing_114579-58755.jpg?_wi=2", imageAlt: "portrait elegant happy customer"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael K.",
|
||||
date: "Sep 2023",
|
||||
title: "Top-tier Style",
|
||||
quote: "Polished, professional, and luxurious experience.",
|
||||
tag: "Frequent",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/joyful-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15168.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-car-salon-woman-buying-thecar-seat-little-african-girl-with-mther_1157-45043.jpg",
|
||||
imageAlt: "portrait elegant happy customer",
|
||||
},
|
||||
id: "2", name: "Michael K.", date: "Sep 2023", title: "Top-tier Style", quote: "Polished, professional, and luxurious experience.", tag: "Frequent", avatarSrc: "http://img.b2bpic.net/free-photo/joyful-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15168.jpg", imageSrc: "http://img.b2bpic.net/free-photo/family-car-salon-woman-buying-thecar-seat-little-african-girl-with-mther_1157-45043.jpg", imageAlt: "portrait elegant happy customer"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
date: "Aug 2023",
|
||||
title: "My Favorite Salon",
|
||||
quote: "A true sanctuary. My hair has never felt healthier.",
|
||||
tag: "Client",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-still-life-assortment-nail-care-products_23-2148974559.jpg?_wi=2",
|
||||
imageAlt: "portrait elegant happy customer",
|
||||
},
|
||||
id: "3", name: "Emily R.", date: "Aug 2023", title: "My Favorite Salon", quote: "A true sanctuary. My hair has never felt healthier.", tag: "Client", avatarSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-still-life-assortment-nail-care-products_23-2148974559.jpg?_wi=2", imageAlt: "portrait elegant happy customer"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David M.",
|
||||
date: "Jul 2023",
|
||||
title: "Exquisite Precision",
|
||||
quote: "Precision cuts and amazing customer service.",
|
||||
tag: "Visitor",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-trying-listening-some-sound_1187-4036.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167372.jpg?_wi=2",
|
||||
imageAlt: "portrait elegant happy customer",
|
||||
},
|
||||
id: "4", name: "David M.", date: "Jul 2023", title: "Exquisite Precision", quote: "Precision cuts and amazing customer service.", tag: "Visitor", avatarSrc: "http://img.b2bpic.net/free-photo/woman-trying-listening-some-sound_1187-4036.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167372.jpg?_wi=2", imageAlt: "portrait elegant happy customer"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica L.",
|
||||
date: "Jun 2023",
|
||||
title: "So Relaxing!",
|
||||
quote: "I leave here feeling refreshed and beautiful.",
|
||||
tag: "Client",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/male-make-up-look-holding-brush_23-2148784359.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-having-consultation-with-hairdresser_23-2147769876.jpg?_wi=2",
|
||||
imageAlt: "portrait elegant happy customer",
|
||||
},
|
||||
id: "5", name: "Jessica L.", date: "Jun 2023", title: "So Relaxing!", quote: "I leave here feeling refreshed and beautiful.", tag: "Client", avatarSrc: "http://img.b2bpic.net/free-photo/male-make-up-look-holding-brush_23-2148784359.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-having-consultation-with-hairdresser_23-2147769876.jpg?_wi=2", imageAlt: "portrait elegant happy customer"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Excellence defined by those who visit us."
|
||||
@@ -247,20 +145,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I book an appointment?",
|
||||
content: "You can book directly via our online portal or by calling our salon reception during business hours.",
|
||||
},
|
||||
id: "f1", title: "How do I book an appointment?", content: "You can book directly via our online booking page at https://theparlour.com/book or by calling our salon reception during business hours."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer consultations?",
|
||||
content: "Yes, we highly recommend a consultation for new color clients to ensure the best results.",
|
||||
},
|
||||
id: "f2", title: "Do you offer consultations?", content: "Yes, we highly recommend a consultation for new color clients to ensure the best results."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What is your cancellation policy?",
|
||||
content: "We require 24 hours notice for any appointment changes or cancellations.",
|
||||
},
|
||||
id: "f3", title: "What is your cancellation policy?", content: "We require 24 hours notice for any appointment changes or cancellations."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hotel-lobby-with-impressive-design-modern-furniture-expensive-resort-accommodation-with-marble-floors-empty-reception-front-desk-with-computers-service-bell-registration_482257-61927.jpg"
|
||||
title="Helpful Details"
|
||||
@@ -273,16 +162,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Begin Your Transformation"
|
||||
description="Secure your spot at San Diego's premier beauty studio today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Book Now", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -292,37 +178,23 @@ export default function LandingPage() {
|
||||
logoText="The Parlour"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Haircuts",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Haircuts", href: "#services"},
|
||||
{
|
||||
label: "Coloring",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Coloring", href: "#services"},
|
||||
{
|
||||
label: "Styling",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Styling", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Reviews", href: "#testimonials"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -332,4 +204,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user