Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 628c557081 |
159
src/app/page.tsx
159
src/app/page.tsx
@@ -32,61 +32,35 @@ export default function LandingPage() {
|
|||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Services",
|
name: "Services", id: "products"},
|
||||||
id: "products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="GG Goldhair"
|
brandName="GG Goldhair"
|
||||||
|
button={{ text: "Book Now", href: "#contact" }}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitDualMedia
|
<HeroSplitDualMedia
|
||||||
background={{
|
background={{
|
||||||
variant: "radial-gradient",
|
variant: "radial-gradient"}}
|
||||||
}}
|
|
||||||
title="GG Goldhair: Define Your Glow"
|
title="GG Goldhair: Define Your Glow"
|
||||||
description="Experience premium hair care tailored to you in our elegant studio environment."
|
description="Experience premium hair care tailored to you in our elegant studio environment."
|
||||||
tag="Luxury Hair Care"
|
tag="Luxury Hair Care"
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Book Now",
|
text: "Book Now", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
mediaItems={[
|
mediaItems={[
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-stylist-doing-haircut-salon_23-2147769831.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/professional-stylist-doing-haircut-salon_23-2147769831.jpg", imageAlt: "Luxury hair salon interior"},
|
||||||
imageAlt: "Luxury hair salon interior",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4446.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4446.jpg", imageAlt: "Professional hair styling service"}
|
||||||
imageAlt: "Professional hair styling service",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-styling-hair-client_23-2147769815.jpg",
|
|
||||||
imageAlt: "Professional hairdresser styling hair of client",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-making-hairstyle-blonde-woman-beauty-salon_176420-4450.jpg",
|
|
||||||
imageAlt: "Female hairdresser making hairstyle to blonde woman in beauty salon",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-stylist-preparing-girl-coloration_23-2147769752.jpg",
|
|
||||||
imageAlt: "Confident stylist preparing girl for coloration",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
rating={5}
|
rating={5}
|
||||||
@@ -99,9 +73,7 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Artistry Meets Elegance"
|
title="Artistry Meets Elegance"
|
||||||
description={[
|
description={[
|
||||||
"At GG Goldhair, we believe that your hair is your finest accessory. Our stylists combine technical precision with creative flair to bring out your natural beauty.",
|
"At GG Goldhair, we believe that your hair is your finest accessory. Our stylists combine technical precision with creative flair to bring out your natural beauty.", "Located in the heart of the city, our salon is a retreat from the everyday where you can relax while we transform your look into something truly golden."]}
|
||||||
"Located in the heart of the city, our salon is a retreat from the everyday where you can relax while we transform your look into something truly golden.",
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -113,20 +85,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Expert Stylists",
|
title: "Expert Stylists", description: "Highly trained professionals dedicated to the latest hair trends.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-woman-with-curly-hair_23-2151317376.jpg"},
|
||||||
description: "Highly trained professionals dedicated to the latest hair trends.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-woman-with-curly-hair_23-2151317376.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Premium Products",
|
title: "Premium Products", description: "We only use top-tier, salon-grade products for your hair health.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-hair-salon_23-2150668429.jpg"},
|
||||||
description: "We only use top-tier, salon-grade products for your hair health.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-hair-salon_23-2150668429.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Custom Experience",
|
title: "Custom Experience", description: "Every service is tailored to your hair type and style goals.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hair-trimmer-supplies_23-2148352856.jpg"},
|
||||||
description: "Every service is tailored to your hair type and style goals.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hair-trimmer-supplies_23-2148352856.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Why Choose GG Goldhair"
|
title="Why Choose GG Goldhair"
|
||||||
description="Experience hair care beyond expectations with our curated list of services and professional care."
|
description="Experience hair care beyond expectations with our curated list of services and professional care."
|
||||||
@@ -141,41 +104,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
id: "p1", name: "Gold Hydrate Serum", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/natural-jojoba-oil-composition_23-2149047769.jpg"},
|
||||||
name: "Gold Hydrate Serum",
|
|
||||||
price: "$45",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-jojoba-oil-composition_23-2149047769.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p2",
|
id: "p2", name: "Revive Mask", price: "$60", imageSrc: "http://img.b2bpic.net/free-photo/shiny-brown-hair-with-hair-care-product_23-2152020257.jpg"},
|
||||||
name: "Revive Mask",
|
|
||||||
price: "$60",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/shiny-brown-hair-with-hair-care-product_23-2152020257.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p3",
|
id: "p3", name: "Style Guard Spray", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/artist-props-table_23-2148929902.jpg"},
|
||||||
name: "Style Guard Spray",
|
|
||||||
price: "$30",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/artist-props-table_23-2148929902.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p4",
|
id: "p4", name: "Lustre Hair Oil", price: "$55", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-hair-slugging-night-routine_23-2150396651.jpg"},
|
||||||
name: "Lustre Hair Oil",
|
|
||||||
price: "$55",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-hair-slugging-night-routine_23-2150396651.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p5",
|
id: "p5", name: "Deep Cleanser", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-washed-beauty-salon_23-2149167389.jpg"},
|
||||||
name: "Deep Cleanser",
|
|
||||||
price: "$35",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-washed-beauty-salon_23-2149167389.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p6",
|
id: "p6", name: "Volume Conditioner", price: "$40", imageSrc: "http://img.b2bpic.net/free-photo/woman-hair-washing-with-soap_140725-8948.jpg"},
|
||||||
name: "Volume Conditioner",
|
|
||||||
price: "$40",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-hair-washing-with-soap_140725-8948.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Professional Hair Care"
|
title="Professional Hair Care"
|
||||||
description="Bring the salon experience home with our premium selection of hair products."
|
description="Bring the salon experience home with our premium selection of hair products."
|
||||||
@@ -190,23 +129,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
members={[
|
members={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
id: "m1", name: "Elena Gold", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/brown-eyed-curly-brunette-short-haired-woman-floral-trendy-dress-smiles-looks-camera-hoods-pencil-designs-new-clothes_197531-24076.jpg"},
|
||||||
name: "Elena Gold",
|
|
||||||
role: "Creative Director",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-eyed-curly-brunette-short-haired-woman-floral-trendy-dress-smiles-looks-camera-hoods-pencil-designs-new-clothes_197531-24076.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m2",
|
id: "m2", name: "Marcus Styles", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-holding-bottle-shampoo_107420-12149.jpg"},
|
||||||
name: "Marcus Styles",
|
|
||||||
role: "Senior Stylist",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-holding-bottle-shampoo_107420-12149.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m3",
|
id: "m3", name: "Sofia Luxe", role: "Colorist Expert", imageSrc: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371901.jpg"},
|
||||||
name: "Sofia Luxe",
|
|
||||||
role: "Colorist Expert",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371901.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Meet The Stylists"
|
title="Meet The Stylists"
|
||||||
description="Our team of dedicated professionals is ready to help you shine."
|
description="Our team of dedicated professionals is ready to help you shine."
|
||||||
@@ -221,25 +148,15 @@ export default function LandingPage() {
|
|||||||
author="Sarah M."
|
author="Sarah M."
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg",
|
src: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg", alt: "Sarah M"},
|
||||||
alt: "Sarah M",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575433.jpg",
|
src: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575433.jpg", alt: "James P"},
|
||||||
alt: "James P",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/smiling-brunette-girl-posing-with-coat_23-2148135986.jpg",
|
src: "http://img.b2bpic.net/free-photo/smiling-brunette-girl-posing-with-coat_23-2148135986.jpg", alt: "Linda D"},
|
||||||
alt: "Linda D",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg",
|
src: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg", alt: "Michael B"},
|
||||||
alt: "Michael B",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12313.jpg",
|
src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12313.jpg", alt: "Karen W"},
|
||||||
alt: "Karen W",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
ratingAnimation="slide-up"
|
ratingAnimation="slide-up"
|
||||||
avatarsAnimation="slide-up"
|
avatarsAnimation="slide-up"
|
||||||
@@ -252,20 +169,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "f1",
|
id: "f1", title: "How do I book an appointment?", content: "You can book directly through our contact form or by calling the salon."},
|
||||||
title: "How do I book an appointment?",
|
|
||||||
content: "You can book directly through our contact form or by calling the salon.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f2",
|
id: "f2", title: "Do you offer consultations?", content: "Yes, we offer complimentary consultations for all major color and style transformations."},
|
||||||
title: "Do you offer consultations?",
|
|
||||||
content: "Yes, we offer complimentary consultations for all major color and style transformations.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f3",
|
id: "f3", title: "What products do you use?", content: "We use professional, high-end brands known for their efficacy and gentle treatment of your hair."},
|
||||||
title: "What products do you use?",
|
|
||||||
content: "We use professional, high-end brands known for their efficacy and gentle treatment of your hair.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205859.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205859.jpg"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
@@ -279,14 +187,11 @@ export default function LandingPage() {
|
|||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "radial-gradient",
|
variant: "radial-gradient"}}
|
||||||
}}
|
|
||||||
text="Ready to transform your look? We're located in the heart of the city and waiting for you."
|
text="Ready to transform your look? We're located in the heart of the city and waiting for you."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Contact Us",
|
text: "Contact Us", href: "mailto:hello@goldhair.com"},
|
||||||
href: "mailto:hello@goldhair.com",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user