Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
277
src/app/page.tsx
277
src/app/page.tsx
@@ -30,74 +30,34 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Booking",
|
||||
id: "booking",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Booking", id: "booking" },
|
||||
]}
|
||||
brandName="Sabeenz Salon"
|
||||
button={{ text: "Book Now", href: "#booking" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Beauty is an art form. Let us perfect yours."
|
||||
description="Sugar Land's premier beauty salon. Threading, waxing, facials, hair color & cuts — by specialists with decades of experience."
|
||||
tag="Sugar Land's Premier Beauty Salon"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book an Appointment",
|
||||
href: "#booking",
|
||||
},
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "#services",
|
||||
},
|
||||
{ text: "Book an Appointment", href: "#booking" },
|
||||
{ text: "Explore Services", href: "#services" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-black-sweater-standing-posing_114579-58758.jpg?_wi=1",
|
||||
imageAlt: "Salon Hero 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-black-sweater-standing-posing_114579-58758.jpg?_wi=2",
|
||||
imageAlt: "Salon Hero 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-black-sweater-standing-posing_114579-58758.jpg?_wi=3",
|
||||
imageAlt: "Salon Hero 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-black-sweater-standing-posing_114579-58758.jpg?_wi=4",
|
||||
imageAlt: "Salon Hero 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-black-sweater-standing-posing_114579-58758.jpg?_wi=5",
|
||||
imageAlt: "Salon Hero 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-black-sweater-standing-posing_114579-58758.jpg?_wi=6",
|
||||
imageAlt: "Salon Hero 6",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-black-sweater-standing-posing_114579-58758.jpg", imageAlt: "Salon Hero 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-black-sweater-standing-posing_114579-58758.jpg", imageAlt: "Salon Hero 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-black-sweater-standing-posing_114579-58758.jpg", imageAlt: "Salon Hero 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-black-sweater-standing-posing_114579-58758.jpg", imageAlt: "Salon Hero 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-black-sweater-standing-posing_114579-58758.jpg", imageAlt: "Salon Hero 5" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-black-sweater-standing-posing_114579-58758.jpg", imageAlt: "Salon Hero 6" },
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -108,21 +68,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Where craft meets care"
|
||||
metrics={[
|
||||
{
|
||||
icon: Star,
|
||||
label: "Google Rating",
|
||||
value: "4.8",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Clients Served",
|
||||
value: "261+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Excellence",
|
||||
value: "10+",
|
||||
},
|
||||
{ icon: Star, label: "Google Rating", value: "4.8" },
|
||||
{ icon: Users, label: "Clients Served", value: "261+" },
|
||||
{ icon: Award, label: "Years Excellence", value: "10+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -134,36 +82,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Eyebrow Threading",
|
||||
description: "Precise, pain-minimal threading with surgical accuracy.",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Professional Waxing",
|
||||
description: "Full-body waxing with comfort as our priority.",
|
||||
},
|
||||
{
|
||||
icon: Droplets,
|
||||
title: "Results-driven Facials",
|
||||
description: "Tailored skin treatments for a healthy, glowing complexion.",
|
||||
},
|
||||
{
|
||||
icon: Scissors,
|
||||
title: "Haircuts & Styling",
|
||||
description: "Precision cuts for all hair types and visions.",
|
||||
},
|
||||
{
|
||||
icon: Palette,
|
||||
title: "Expert Hair Color",
|
||||
description: "Stunning highlights, balayage, and custom color tones.",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
title: "Tinting & Henna",
|
||||
description: "Defined brows and intricate henna body art.",
|
||||
},
|
||||
{ icon: Sparkles, title: "Eyebrow Threading", description: "Precise, pain-minimal threading with surgical accuracy." },
|
||||
{ icon: Shield, title: "Professional Waxing", description: "Full-body waxing with comfort as our priority." },
|
||||
{ icon: Droplets, title: "Results-driven Facials", description: "Tailored skin treatments for a healthy, glowing complexion." },
|
||||
{ icon: Scissors, title: "Haircuts & Styling", description: "Precision cuts for all hair types and visions." },
|
||||
{ icon: Palette, title: "Expert Hair Color", description: "Stunning highlights, balayage, and custom color tones." },
|
||||
{ icon: Star, title: "Tinting & Henna", description: "Defined brows and intricate henna body art." },
|
||||
]}
|
||||
title="A full suite of beauty services"
|
||||
description="Comprehensive beauty treatments crafted with precision and care."
|
||||
@@ -177,34 +101,10 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sunita",
|
||||
role: "Threading Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4456.jpg",
|
||||
imageAlt: "Sunita",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sangeetha",
|
||||
role: "Hair Expert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319757.jpg",
|
||||
imageAlt: "Sangeetha",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Maliha",
|
||||
role: "Colorist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cut-hair-her-client-hair-salon_1157-27201.jpg",
|
||||
imageAlt: "Maliha",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Jasmine",
|
||||
role: "Henna Artist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-donating-hair-cancer_657883-597.jpg",
|
||||
imageAlt: "Jasmine",
|
||||
},
|
||||
{ id: "t1", name: "Sunita", role: "Threading Specialist", imageSrc: "http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4456.jpg", imageAlt: "Sunita" },
|
||||
{ id: "t2", name: "Sangeetha", role: "Hair Expert", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319757.jpg", imageAlt: "Sangeetha" },
|
||||
{ id: "t3", name: "Maliha", role: "Colorist", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cut-hair-her-client-hair-salon_1157-27201.jpg", imageAlt: "Maliha" },
|
||||
{ id: "t4", name: "Jasmine", role: "Henna Artist", imageSrc: "http://img.b2bpic.net/free-photo/woman-donating-hair-cancer_657883-597.jpg", imageAlt: "Jasmine" },
|
||||
]}
|
||||
title="Experts you'll trust"
|
||||
description="Meet our team of specialists with decades of combined experience."
|
||||
@@ -217,60 +117,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "r1",
|
||||
name: "Alexa C.",
|
||||
role: "Loyal Guest",
|
||||
company: "5 Years",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-blonde-russian-girl-puts-hands-chest-looking-side-isolated-orange-background-with-copy-space_141793-65450.jpg",
|
||||
},
|
||||
{
|
||||
id: "r2",
|
||||
name: "Tanu M.",
|
||||
role: "Verified Guest",
|
||||
company: "New Guest",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-friends_23-2149152887.jpg",
|
||||
},
|
||||
{
|
||||
id: "r3",
|
||||
name: "Sydney B.",
|
||||
role: "Long-Term",
|
||||
company: "Loyal",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-woman-black-jacket-liking-lip-posing-isolated-background-charming-lady-dark-suit-smiling-white-backdrop_197531-18516.jpg",
|
||||
},
|
||||
{
|
||||
id: "r4",
|
||||
name: "Urmi B.",
|
||||
role: "Guest",
|
||||
company: "4 Years",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-walks-through-autumn-city-happy-body-female-with-curly-hair-raincoat_1321-4529.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "r5",
|
||||
name: "Helen-Marie",
|
||||
role: "Guest",
|
||||
company: "Since 2015",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-walks-through-autumn-city-happy-body-female-with-curly-hair-raincoat_1321-4529.jpg?_wi=2",
|
||||
},
|
||||
{ id: "r1", name: "Alexa C.", role: "Loyal Guest", company: "5 Years", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-blonde-russian-girl-puts-hands-chest-looking-side-isolated-orange-background-with-copy-space_141793-65450.jpg" },
|
||||
{ id: "r2", name: "Tanu M.", role: "Verified Guest", company: "New Guest", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-friends_23-2149152887.jpg" },
|
||||
{ id: "r3", name: "Sydney B.", role: "Long-Term", company: "Loyal", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/joyful-woman-black-jacket-liking-lip-posing-isolated-background-charming-lady-dark-suit-smiling-white-backdrop_197531-18516.jpg" },
|
||||
{ id: "r4", name: "Urmi B.", role: "Guest", company: "4 Years", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-walks-through-autumn-city-happy-body-female-with-curly-hair-raincoat_1321-4529.jpg" },
|
||||
{ id: "r5", name: "Helen-Marie", role: "Guest", company: "Since 2015", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-walks-through-autumn-city-happy-body-female-with-curly-hair-raincoat_1321-4529.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
label: "Google Reviews",
|
||||
value: "261+",
|
||||
},
|
||||
{
|
||||
label: "Client Rating",
|
||||
value: "4.8",
|
||||
},
|
||||
{
|
||||
label: "Loyalty",
|
||||
value: "10+ Yrs",
|
||||
},
|
||||
{ label: "Google Reviews", value: "261+" },
|
||||
{ label: "Client Rating", value: "4.8" },
|
||||
{ label: "Loyalty", value: "10+ Yrs" },
|
||||
]}
|
||||
title="Loved by thousands"
|
||||
description="Real experiences from our clients over the past decade."
|
||||
@@ -283,30 +139,11 @@ export default function LandingPage() {
|
||||
title="Come in and treat yourself"
|
||||
description="Walk-ins are always welcome for threading. For specialty services, give us a call."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "How can we help?", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/displeased-young-beautiful-successful-businesswoman-holding-phone-office_176420-971.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -314,38 +151,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "#booking",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Threading",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Waxing",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Hair Color",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Services", href: "#services" }, { label: "About", href: "#about" }, { label: "Book Now", href: "#booking" }] },
|
||||
{ items: [{ label: "Threading", href: "#services" }, { label: "Waxing", href: "#services" }, { label: "Hair Color", href: "#services" }] },
|
||||
]}
|
||||
logoText="Sabeenz Salon"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user