Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-28 08:51:03 +00:00

View File

@@ -31,22 +31,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "services",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Contact", id: "contact" }
]}
brandName="Color X-treme"
/>
@@ -54,68 +42,30 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "radial-gradient",
}}
background={{ variant: "radial-gradient" }}
title="Look & Feel Your Best at Color X-treme"
description="Experience premium salon services in a welcoming, luxury space. Our expert stylists deliver trusted results for your hair and beauty needs."
buttons={[
{
text: "Book Appointment",
href: "#contact",
},
{
text: "View Services",
href: "#services",
},
{ text: "Book Appointment", href: "#contact" },
{ text: "View Services", href: "#services" }
]}
imageSrc="http://img.b2bpic.net/free-photo/skiing-equipment-attire-lobby_482257-102282.jpg"
imageAlt="Luxurious salon interior"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/female-hairdresser-woman-smiling-looking-mirror-beauty-salon_176420-4487.jpg",
alt: "Female hairdresser and woman smiling",
},
{
src: "http://img.b2bpic.net/free-photo/joyful-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15168.jpg",
alt: "Joyful woman in salon",
},
{
src: "http://img.b2bpic.net/free-photo/happy-adult-caucasian-lady-uses-roller-massager-while-sitting-blonde-woman-table-indoors-skin-care-concept_197531-31466.jpg",
alt: "Happy client with skin care",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-beautiful-woman-sits-table-with-makeup-tools-holding-speech-bubble-with-makeup-brush_141793-120770.jpg",
alt: "Smiling woman with beauty tools",
},
{
src: "http://img.b2bpic.net/free-photo/indoor-fashion-lifestyle-portrait-young-fresh-amazing-woman-posing-bed-wearing-seductive-lingerie-relaxing-having-fun-morning-time_291049-528.jpg",
alt: "Happy woman resting",
},
{ src: "http://img.b2bpic.net/free-photo/female-hairdresser-woman-smiling-looking-mirror-beauty-salon_176420-4487.jpg", alt: "Female hairdresser and woman smiling" },
{ src: "http://img.b2bpic.net/free-photo/joyful-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15168.jpg", alt: "Joyful woman in salon" },
{ src: "http://img.b2bpic.net/free-photo/happy-adult-caucasian-lady-uses-roller-massager-while-sitting-blonde-woman-table-indoors-skin-care-concept_197531-31466.jpg", alt: "Happy client with skin care" },
{ src: "http://img.b2bpic.net/free-photo/smiling-beautiful-woman-sits-table-with-makeup-tools-holding-speech-bubble-with-makeup-brush_141793-120770.jpg", alt: "Smiling woman with beauty tools" },
{ src: "http://img.b2bpic.net/free-photo/indoor-fashion-lifestyle-portrait-young-fresh-amazing-woman-posing-bed-wearing-seductive-lingerie-relaxing-having-fun-morning-time_291049-528.jpg", alt: "Happy woman resting" }
]}
avatarText="Join 5,000+ satisfied clients"
marqueeItems={[
{
type: "text",
text: "Expert Styling",
},
{
type: "text",
text: "Precision Cuts",
},
{
type: "text",
text: "Luxury Color",
},
{
type: "text",
text: "Nail Art",
},
{
type: "text",
text: "Bridal Packages",
},
{ type: "text", text: "Expert Styling" },
{ type: "text", text: "Precision Cuts" },
{ type: "text", text: "Luxury Color" },
{ type: "text", text: "Nail Art" },
{ type: "text", text: "Bridal Packages" }
]}
/>
</div>
@@ -136,27 +86,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "s1",
title: "Hair Styling & Cutting",
description: "Trendy, precision cuts tailored for your face shape and hair texture.",
tag: "Hair",
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205890.jpg",
},
{
id: "s2",
title: "Hair Coloring",
description: "Expert coloring services from balayage to full transformations.",
tag: "Color",
imageSrc: "http://img.b2bpic.net/free-photo/woman-washing-off-dye-sink_23-2147769788.jpg",
},
{
id: "s3",
title: "Nails & Beauty",
description: "Luxury manicure and specialized beauty treatments for the perfect look.",
tag: "Nails",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-getting-her-nails-fixed-by-manicurist-inside-room-beauty-manicure-nail-hand-self-care_140725-65116.jpg",
},
{ id: "s1", title: "Hair Styling & Cutting", description: "Trendy, precision cuts tailored for your face shape and hair texture.", tag: "Hair", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205890.jpg" },
{ id: "s2", title: "Hair Coloring", description: "Expert coloring services from balayage to full transformations.", tag: "Color", imageSrc: "http://img.b2bpic.net/free-photo/woman-washing-off-dye-sink_23-2147769788.jpg" },
{ id: "s3", title: "Nails & Beauty", description: "Luxury manicure and specialized beauty treatments for the perfect look.", tag: "Nails", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-getting-her-nails-fixed-by-manicurist-inside-room-beauty-manicure-nail-hand-self-care_140725-65116.jpg" }
]}
title="Our Signature Services"
description="Expert beauty care from head to toe."
@@ -169,38 +101,8 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
plans={[
{
id: "p1",
tag: "Essentials",
price: "$85",
period: "starting",
description: "Refresh your look with a designer haircut and blow-dry.",
button: {
text: "Book Now",
},
featuresTitle: "Included Services:",
features: [
"Consultation",
"Precision Cut",
"Luxury Blowout",
],
},
{
id: "p2",
tag: "Color Refresh",
price: "$150",
period: "starting",
description: "Expert color application including gloss treatment.",
button: {
text: "Book Now",
},
featuresTitle: "Included Services:",
features: [
"Root Touchup",
"Gloss Treatment",
"Style",
],
},
{ id: "p1", tag: "Essentials", price: "$85", period: "starting", description: "Refresh your look with a designer haircut and blow-dry.", button: { text: "Book Now" }, featuresTitle: "Included Services:", features: ["Consultation", "Precision Cut", "Luxury Blowout"] },
{ id: "p2", tag: "Color Refresh", price: "$150", period: "starting", description: "Expert color application including gloss treatment.", button: { text: "Book Now" }, featuresTitle: "Included Services:", features: ["Root Touchup", "Gloss Treatment", "Style"] }
]}
title="Investment in You"
description="Transparent pricing for high-quality salon artistry."
@@ -210,49 +112,15 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
textboxLayout="default"
animationType="slide-up"
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
role: "Client",
company: "Local Resident",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-getting-her-hair-dyed-by-hairdresser-home_23-2148817234.jpg",
},
{
id: "2",
name: "Maria K.",
role: "Client",
company: "Local Resident",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-woman-bathrobe-posing-camera-indoors_1153-8644.jpg",
},
{
id: "3",
name: "Elena P.",
role: "Client",
company: "Local Resident",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/friends-taking-coffee-spa_23-2148206166.jpg",
},
{
id: "4",
name: "Jessica L.",
role: "Client",
company: "Local Resident",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-businesswomen-working-office_23-2147955077.jpg",
},
{
id: "5",
name: "Amanda R.",
role: "Client",
company: "Local Resident",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-bathrobe-hotel-room_23-2148095362.jpg",
},
{ id: "1", name: "Sarah J.", role: "Client", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-getting-her-hair-dyed-by-hairdresser-home_23-2148817234.jpg" },
{ id: "2", name: "Maria K.", role: "Client", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-woman-bathrobe-posing-camera-indoors_1153-8644.jpg" },
{ id: "3", name: "Elena P.", role: "Client", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-taking-coffee-spa_23-2148206166.jpg" },
{ id: "4", name: "Jessica L.", role: "Client", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-businesswomen-working-office_23-2147955077.jpg" },
{ id: "5", name: "Amanda R.", role: "Client", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-bathrobe-hotel-room_23-2148095362.jpg" }
]}
title="Client Love"
description="Our satisfied guests share their experiences."
@@ -264,13 +132,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Style Excellence",
"Modern Beauty Guide",
"Top Rated Salon",
"Local Business Awards",
"Best Stylists 2024",
"Verified Salon Pro",
"Premium Beauty Hub",
"Style Excellence", "Modern Beauty Guide", "Top Rated Salon", "Local Business Awards", "Best Stylists 2024", "Verified Salon Pro", "Premium Beauty Hub"
]}
title="Trusted Excellence"
description="Recognized for quality in our community."
@@ -282,21 +144,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "How do I book an appointment?",
content: "You can book directly through our WhatsApp link or our online booking form.",
},
{
id: "q2",
title: "What products do you use?",
content: "We only use premium, salon-grade products chosen for quality and results.",
},
{
id: "q3",
title: "Do you offer bridal services?",
content: "Yes, we specialize in bridal hair and beauty preparations for your big day.",
},
{ id: "q1", title: "How do I book an appointment?", content: "You can book directly through our WhatsApp link or our online booking form." },
{ id: "q2", title: "What products do you use?", content: "We only use premium, salon-grade products chosen for quality and results." },
{ id: "q3", title: "Do you offer bridal services?", content: "Yes, we specialize in bridal hair and beauty preparations for your big day." }
]}
title="Common Inquiries"
description="Everything you need to know about your next appointment."
@@ -307,9 +157,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Visit Us"
title="Book Your X-treme Transformation"
description="Located in the heart of town. Contact us today via phone or WhatsApp to secure your chair."
@@ -320,35 +168,18 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Services",
items: [
{
label: "Haircut",
href: "#services",
},
{
label: "Coloring",
href: "#services",
},
{
label: "Nails",
href: "#services",
},
],
title: "Services", items: [
{ label: "Haircut", href: "#services" },
{ label: "Coloring", href: "#services" },
{ label: "Nails", href: "#services" }
]
},
{
title: "Salon",
items: [
{
label: "About",
href: "#about",
},
{
label: "Booking",
href: "#contact",
},
],
},
title: "Salon", items: [
{ label: "About", href: "#about" },
{ label: "Booking", href: "#contact" }
]
}
]}
logoText="Color X-treme"
/>