Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
159
src/app/page.tsx
159
src/app/page.tsx
@@ -32,61 +32,35 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "products",
|
||||
},
|
||||
name: "Services", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="GG Goldhair"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="GG Goldhair: Define Your Glow"
|
||||
description="Experience premium hair care tailored to you in our elegant studio environment."
|
||||
tag="Luxury Hair Care"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-stylist-doing-haircut-salon_23-2147769831.jpg",
|
||||
imageAlt: "Luxury hair salon interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-stylist-doing-haircut-salon_23-2147769831.jpg", 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",
|
||||
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",
|
||||
},
|
||||
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"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -99,9 +73,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Artistry Meets Elegance"
|
||||
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.",
|
||||
"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.",
|
||||
]}
|
||||
"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."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -113,20 +85,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
title="Why Choose GG Goldhair"
|
||||
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}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Gold Hydrate Serum",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-jojoba-oil-composition_23-2149047769.jpg",
|
||||
},
|
||||
id: "p1", name: "Gold Hydrate Serum", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/natural-jojoba-oil-composition_23-2149047769.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Revive Mask",
|
||||
price: "$60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shiny-brown-hair-with-hair-care-product_23-2152020257.jpg",
|
||||
},
|
||||
id: "p2", name: "Revive Mask", price: "$60", imageSrc: "http://img.b2bpic.net/free-photo/shiny-brown-hair-with-hair-care-product_23-2152020257.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Style Guard Spray",
|
||||
price: "$30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artist-props-table_23-2148929902.jpg",
|
||||
},
|
||||
id: "p3", name: "Style Guard Spray", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/artist-props-table_23-2148929902.jpg"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Deep Cleanser",
|
||||
price: "$35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-washed-beauty-salon_23-2149167389.jpg",
|
||||
},
|
||||
id: "p5", name: "Deep Cleanser", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-washed-beauty-salon_23-2149167389.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Volume Conditioner",
|
||||
price: "$40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-hair-washing-with-soap_140725-8948.jpg",
|
||||
},
|
||||
id: "p6", name: "Volume Conditioner", price: "$40", imageSrc: "http://img.b2bpic.net/free-photo/woman-hair-washing-with-soap_140725-8948.jpg"},
|
||||
]}
|
||||
title="Professional Hair Care"
|
||||
description="Bring the salon experience home with our premium selection of hair products."
|
||||
@@ -190,23 +129,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Marcus Styles",
|
||||
role: "Senior Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-holding-bottle-shampoo_107420-12149.jpg",
|
||||
},
|
||||
id: "m2", name: "Marcus Styles", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-holding-bottle-shampoo_107420-12149.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Sofia Luxe",
|
||||
role: "Colorist Expert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371901.jpg",
|
||||
},
|
||||
id: "m3", name: "Sofia Luxe", role: "Colorist Expert", imageSrc: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371901.jpg"},
|
||||
]}
|
||||
title="Meet The Stylists"
|
||||
description="Our team of dedicated professionals is ready to help you shine."
|
||||
@@ -221,25 +148,15 @@ export default function LandingPage() {
|
||||
author="Sarah M."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg",
|
||||
alt: "Sarah M",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg", alt: "Sarah M"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575433.jpg",
|
||||
alt: "James P",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575433.jpg", alt: "James P"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-brunette-girl-posing-with-coat_23-2148135986.jpg",
|
||||
alt: "Linda D",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-brunette-girl-posing-with-coat_23-2148135986.jpg", alt: "Linda D"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg",
|
||||
alt: "Michael B",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg", alt: "Michael B"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12313.jpg",
|
||||
alt: "Karen W",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12313.jpg", alt: "Karen W"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -252,20 +169,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I book an appointment?",
|
||||
content: "You can book directly through our contact form or by calling the salon.",
|
||||
},
|
||||
id: "f1", title: "How do I book an appointment?", content: "You can book directly through our contact form or by calling the salon."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer consultations?",
|
||||
content: "Yes, we offer complimentary consultations for all major color and style transformations.",
|
||||
},
|
||||
id: "f2", title: "Do you offer consultations?", content: "Yes, we offer complimentary consultations for all major color and style transformations."},
|
||||
{
|
||||
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.",
|
||||
},
|
||||
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."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205859.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -279,14 +187,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
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."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@goldhair.com",
|
||||
},
|
||||
text: "Contact Us", href: "mailto:hello@goldhair.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user