Merge version_1 into main #1
255
src/app/page.tsx
255
src/app/page.tsx
@@ -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"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user