bender/fb26a878-5f58-42cf-b628-e1ffc472903e
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-19 23:56:48 +00:00
parent 822c6fc993
commit 2afb9d14d5
1 changed files with 32 additions and 266 deletions
Download Patch File Download Diff File Expand all files Collapse all files

298
src/app/page.tsx
View File

@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Services",
id: "features",
},
{
name: "Team",
id: "team",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Features", id: "features" },
{ name: "Team", id: "team" },
{ name: "Contact", id: "contact" },
]}
brandName="Diva Salon"
/>
@@ -56,99 +44,18 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
title="Elevate Your Beauty, Embrace Your Diva"
description="Luxury hair care and styling crafted for you. Experience premium treatments and expert stylists dedicated to bringing your vision to life."
testimonials={[
{
name: "Alexia R.",
handle: "@alexiar",
testimonial: "The best salon experience I have ever had. The attention to detail is unmatched.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beauty-redhead-female-barista-drinks-coffee-coffee-shop_613910-4782.jpg",
},
{
name: "Chloe M.",
handle: "@chloemic",
testimonial: "Exquisite service! My color looks perfect and the staff is so professional.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-suit-posing-white-background-portrait-attractive-lady-black-jacket-laughing-isolated-backdrop_197531-18494.jpg",
},
{
name: "Jordan P.",
handle: "@jordanp",
testimonial: "Diva’s is truly premium. I leave feeling revitalized every single time.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/wonderful-lady-dark-blue-top-showing-peace-sign-taking-selfie_197531-14963.jpg",
},
{
name: "Sarah L.",
handle: "@sarahl",
testimonial: "Incredible stylist knowledge. I finally found my forever salon.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/lovely-woman-sweater-posing-near-light-lamps_114579-81979.jpg",
},
{
name: "Mia V.",
handle: "@miav",
testimonial: "Sophisticated, warm, and highly skilled. Highly recommend this salon.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-stylish-lady-with-bright-makeup-smiling_291650-581.jpg",
},
]}
buttons={[
{
text: "Book Your Appointment",
href: "#contact",
},
{ name: "Alexia R.", handle: "@alexiar", testimonial: "The best salon experience I have ever had. The attention to detail is unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beauty-redhead-female-barista-drinks-coffee-coffee-shop_613910-4782.jpg" },
{ name: "Chloe M.", handle: "@chloemic", testimonial: "Exquisite service! My color looks perfect and the staff is so professional.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-suit-posing-white-background-portrait-attractive-lady-black-jacket-laughing-isolated-backdrop_197531-18494.jpg" },
{ name: "Jordan P.", handle: "@jordanp", testimonial: "Diva’s is truly premium. I leave feeling revitalized every single time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/wonderful-lady-dark-blue-top-showing-peace-sign-taking-selfie_197531-14963.jpg" },
{ name: "Sarah L.", handle: "@sarahl", testimonial: "Incredible stylist knowledge. I finally found my forever salon.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lovely-woman-sweater-posing-near-light-lamps_114579-81979.jpg" },
{ name: "Mia V.", handle: "@miav", testimonial: "Sophisticated, warm, and highly skilled. Highly recommend this salon.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-stylish-lady-with-bright-makeup-smiling_291650-581.jpg" }
]}
buttons={[{ text: "Book Your Appointment", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/family-car-salon-woman-buying-thecar-seat-little-african-girl-with-mther_1157-45043.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/beauty-concept-with-mother_23-2147791542.jpg",
alt: "Beauty concept with mother",
},
{
src: "http://img.b2bpic.net/free-photo/woman-setting-hair-client-styling_23-2147769849.jpg",
alt: "Woman setting hair of client and styling",
},
{
src: "http://img.b2bpic.net/free-photo/cheerful-girl-salon-hairdresser_23-2147769872.jpg",
alt: "Cheerful girl in salon of hairdresser",
},
{
src: "http://img.b2bpic.net/free-photo/hairdresser-preparing-client-procedure_23-2147769745.jpg",
alt: "Hairdresser preparing client for procedure",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-young-hairdressershowing-how-use-hair-straighntener_259150-60106.jpg",
alt: "Smiling young hairdressershowing how to use hair straighntener",
},
]}
marqueeItems={[
{
type: "text",
text: "Voted Best Luxury Salon 2025",
},
{
type: "text",
text: "Expert Stylists",
},
{
type: "text",
text: "Premium Products",
},
{
type: "text",
text: "Custom Color Blends",
},
{
type: "text",
text: "Revitalizing Treatments",
},
]}
/>
</div>
@@ -170,21 +77,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Precision Cutting",
description: "Expert architectural cuts tailored to your unique face shape and lifestyle.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-washed-beauty-salon_23-2149167380.jpg",
},
{
title: "Luxury Coloring",
description: "Custom color blends using premium products for stunning dimension and health.",
imageSrc: "http://img.b2bpic.net/free-photo/blue-ferromagnetic-liquid-metal-with-copy-space_23-2148253610.jpg",
},
{
title: "Revitalizing Treatments",
description: "Deep-conditioning infusions that nourish, repair, and restore hair brilliance.",
imageSrc: "http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg",
},
{ title: "Precision Cutting", description: "Expert architectural cuts tailored to your unique face shape and lifestyle.", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-washed-beauty-salon_23-2149167380.jpg" },
{ title: "Luxury Coloring", description: "Custom color blends using premium products for stunning dimension and health.", imageSrc: "http://img.b2bpic.net/free-photo/blue-ferromagnetic-liquid-metal-with-copy-space_23-2148253610.jpg" },
{ title: "Revitalizing Treatments", description: "Deep-conditioning infusions that nourish, repair, and restore hair brilliance.", imageSrc: "http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg" }
]}
title="Our Premium Services"
description="We offer a curated selection of treatments designed to rejuvenate, transform, and elevate your personal style."
@@ -198,24 +93,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
members={[
{
id: "1",
name: "Elena Grace",
role: "Creative Director",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-female-barber-uniform-holding-hair-clippers-grabbed-hair-isolated-orange-wall_141793-102939.jpg",
},
{
id: "2",
name: "Marcus Thorne",
role: "Senior Stylist",
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-hair-brushes-happy-cheerfuul-smiling_141793-37016.jpg",
},
{
id: "3",
name: "Sophie Reed",
role: "Color Specialist",
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-female-barber-wearing-uniform-glasses-headband-holding-comb-hair-trimmer-air-looking-down-pretend-doing-haircut-client-isolated-red-background_141793-137002.jpg",
},
{ id: "1", name: "Elena Grace", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-female-barber-uniform-holding-hair-clippers-grabbed-hair-isolated-orange-wall_141793-102939.jpg" },
{ id: "2", name: "Marcus Thorne", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-hair-brushes-happy-cheerfuul-smiling_141793-37016.jpg" },
{ id: "3", name: "Sophie Reed", role: "Color Specialist", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-female-barber-wearing-uniform-glasses-headband-holding-comb-hair-trimmer-air-looking-down-pretend-doing-haircut-client-isolated-red-background_141793-137002.jpg" }
]}
title="Meet Your Stylists"
description="Our experts are passionate about artistry and committed to your satisfaction."
@@ -229,42 +109,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Lustre Shampoo",
price: "$42",
imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669105.jpg",
},
{
id: "p2",
name: "Velvet Conditioner",
price: "$48",
imageSrc: "http://img.b2bpic.net/free-photo/natural-jojoba-oil-composition_23-2149047769.jpg",
},
{
id: "p3",
name: "Gold Shine Mist",
price: "$35",
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-taking-care-her-hair_23-2148108802.jpg",
},
{
id: "p4",
name: "Repair Mask",
price: "$60",
imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232238.jpg",
},
{
id: "p5",
name: "Texture Cream",
price: "$38",
imageSrc: "http://img.b2bpic.net/free-photo/three-spa-cosmetic-products-with-lighted-candle-wooden-background_23-2147883730.jpg",
},
{
id: "p6",
name: "Root Serum",
price: "$55",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-applying-anti-dandruff-product_23-2149345766.jpg",
},
{ id: "p1", name: "Lustre Shampoo", price: "$42", imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669105.jpg" },
{ id: "p2", name: "Velvet Conditioner", price: "$48", imageSrc: "http://img.b2bpic.net/free-photo/natural-jojoba-oil-composition_23-2149047769.jpg" },
{ id: "p3", name: "Gold Shine Mist", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-taking-care-her-hair_23-2148108802.jpg" }
]}
title="Exclusive Home Care"
description="Maintain your salon results with our hand-picked collection of premium beauty essentials."
@@ -273,44 +120,13 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Linda W.",
role: "Business Owner",
testimonial: "The best hair cut I've had in years.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-adult-woman-leaning-wall_1262-1759.jpg",
},
{
id: "t2",
name: "Mark S.",
role: "Architect",
testimonial: "Professional atmosphere and excellent results.",
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-glasses-smiling_23-2148053687.jpg",
},
{
id: "t3",
name: "Julie K.",
role: "Designer",
testimonial: "Color perfection every single appointment.",
imageSrc: "http://img.b2bpic.net/free-photo/expressing-brightful-emotions-stylish-pretty-model-with-luxury-coiffure-beautiful-makeup-glass-champagne-hairdresser-salon_197531-3678.jpg",
},
{
id: "t4",
name: "Tom B.",
role: "Consultant",
testimonial: "Very high end, worth every penny.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-pink-sweater-looking-camera-posing-high-quality-photo_114579-31514.jpg",
},
{
id: "t5",
name: "Amy L.",
role: "Artist",
testimonial: "Simply wonderful service and people.",
imageSrc: "http://img.b2bpic.net/free-photo/relaxed-girl-black-dress-posing-with-smile-carefree-blonde-lady-isolated-yellow-wall_197531-11491.jpg",
},
{ id: "t1", name: "Linda W.", role: "Business Owner", testimonial: "The best hair cut I've had in years.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-adult-woman-leaning-wall_1262-1759.jpg" },
{ id: "t2", name: "Mark S.", role: "Architect", testimonial: "Professional atmosphere and excellent results.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-glasses-smiling_23-2148053687.jpg" },
{ id: "t3", name: "Julie K.", role: "Designer", testimonial: "Color perfection every single appointment.", imageSrc: "http://img.b2bpic.net/free-photo/expressing-brightful-emotions-stylish-pretty-model-with-luxury-coiffure-beautiful-makeup-glass-champagne-hairdresser-salon_197531-3678.jpg" }
]}
title="Client Experiences"
description="Hear what our beloved clients say about their journey at Diva."
@@ -322,21 +138,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Do I need an appointment?",
content: "Yes, we recommend booking in advance to ensure your preferred time.",
},
{
id: "f2",
title: "What products do you use?",
content: "We use only premium professional-grade products designed for hair health.",
},
{
id: "f3",
title: "Do you offer consultations?",
content: "Yes, consultations are complimentary for all new transformation services.",
},
{ id: "f1", title: "Do I need an appointment?", content: "Yes, we recommend booking in advance to ensure your preferred time." },
{ id: "f2", title: "What products do you use?", content: "We use only premium professional-grade products designed for hair health." },
{ id: "f3", title: "Do you offer consultations?", content: "Yes, consultations are complimentary for all new transformation services." }
]}
title="Salon Questions"
description="Find answers to our common service and booking inquiries."
@@ -350,24 +154,10 @@ export default function LandingPage() {
title="Book Your Appointment"
description="Secure your next luxury session today."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true }
]}
textarea={{
name: "message",
placeholder: "What service are you looking for?",
required: true,
}}
textarea={{ name: "message", placeholder: "What service are you looking for?", required: true }}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-shopping-mall_23-2150585932.jpg"
/>
</div>
@@ -376,32 +166,8 @@ export default function LandingPage() {
<FooterBaseCard
logoText="Diva Salon"
columns={[
{
title: "Explore",
items: [
{
label: "Services",
href: "#features",
},
{
label: "Team",
href: "#team",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
{ title: "Explore", items: [{ label: "Services", href: "#features" }, { label: "Team", href: "#team" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
]}
/>
</div>