Update src/app/page.tsx
This commit is contained in:
172
src/app/page.tsx
172
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
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="Santa’s Hair"
|
||||
/>
|
||||
@@ -54,22 +42,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
logoText="Santa’s Hair Dominican Studio"
|
||||
description="Transforming natural, dry, and damaged hair into healthy, smooth, and manageable styles with 25+ years of expertise."
|
||||
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/woman-shakes-her-hair-posing-beach_1304-5299.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-shakes-her-hair-posing-beach_1304-5299.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -78,15 +58,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "25+ Years of Expert Care",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/teen-sitting-motorbike-looking-mirror_1139-377.jpg",
|
||||
alt: "Salon professional at work",
|
||||
},
|
||||
{ type: "text", content: "25+ Years of Expert Care" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/teen-sitting-motorbike-looking-mirror_1139-377.jpg", alt: "Salon professional at work" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -98,24 +71,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
name: "Dominican Blowout",
|
||||
price: "Starting at $75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shampoo-conditioner-bottles-barbershop-against-wooden-background_627829-6244.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
name: "Silk Press & Straightening",
|
||||
price: "Starting at $85",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/cosmetics-background-design_1268-628.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
name: "Deep Conditioning & Repair",
|
||||
price: "Starting at $50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-young-woman-with-curly-hair_23-2151317399.jpg",
|
||||
},
|
||||
{ id: "s1", name: "Dominican Blowout", price: "Starting at $75", imageSrc: "http://img.b2bpic.net/free-photo/shampoo-conditioner-bottles-barbershop-against-wooden-background_627829-6244.jpg" },
|
||||
{ id: "s2", name: "Silk Press & Straightening", price: "Starting at $85", imageSrc: "http://img.b2bpic.net/free-vector/cosmetics-background-design_1268-628.jpg" },
|
||||
{ id: "s3", name: "Deep Conditioning & Repair", price: "Starting at $50", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-young-woman-with-curly-hair_23-2151317399.jpg" }
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
description="We specialize in Dominican hair care techniques designed to restore health and beauty to all hair types."
|
||||
@@ -129,29 +87,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Dominican Expertise",
|
||||
description: "Over 25 years specializing in authentic Dominican techniques for manageable, silky results.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-shakes-her-hair-posing-beach_1304-5299.jpg?_wi=2",
|
||||
imageAlt: "modern salon interior warm aesthetic",
|
||||
title: "Dominican Expertise", description: "Over 25 years specializing in authentic Dominican techniques for manageable, silky results.", bentoComponent: "reveal-icon", icon: Sparkles
|
||||
},
|
||||
{
|
||||
title: "Healthy Transformation",
|
||||
description: "We focus on repairing dry, brittle, or damaged hair without causing permanent heat damage.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Activity,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teen-sitting-motorbike-looking-mirror_1139-377.jpg",
|
||||
imageAlt: "dominican hair salon professional setting",
|
||||
title: "Healthy Transformation", description: "We focus on repairing dry, brittle, or damaged hair without causing permanent heat damage.", bentoComponent: "reveal-icon", icon: Activity
|
||||
},
|
||||
{
|
||||
title: "All Hair Types",
|
||||
description: "Customized care for natural, curly, and textured hair in a welcoming environment.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Smile,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shampoo-conditioner-bottles-barbershop-against-wooden-background_627829-6244.jpg?_wi=2",
|
||||
imageAlt: "hair smoothing serum bottle",
|
||||
},
|
||||
title: "All Hair Types", description: "Customized care for natural, curly, and textured hair in a welcoming environment.", bentoComponent: "reveal-icon", icon: Smile
|
||||
}
|
||||
]}
|
||||
title="The Santa's Hair Promise"
|
||||
description="We don't just style your hair; we restore its natural beauty."
|
||||
@@ -165,26 +108,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah M."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-blonde-girl-wearing-casual-clothes-smiling-cheerful-presenting-pointing-with-palm-hand-looking-camera_839833-7638.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/carefree-happy-teenage-girl-smiling-touching-hair_176420-20167.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blonde-girl-posing_23-2148108796.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-blonde-girl-wearing-casual-clothes-smiling-cheerful-presenting-pointing-with-palm-hand-looking-camera_839833-7638.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-blonde-girl-wearing-casual-clothes-smiling-cheerful-presenting-pointing-with-palm-hand-looking-camera_839833-7638.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/carefree-happy-teenage-girl-smiling-touching-hair_176420-20167.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/blonde-girl-posing_23-2148108796.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-blonde-girl-wearing-casual-clothes-smiling-cheerful-presenting-pointing-with-palm-hand-looking-camera_839833-7638.jpg", alt: "Client 5" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -196,21 +124,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer services for natural hair?",
|
||||
content: "Yes! We specialize in natural hair care and restoration techniques.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long do the blowouts last?",
|
||||
content: "With proper maintenance, our Dominican blowouts can last for up to two weeks.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are your chemical treatments damaging?",
|
||||
content: "We prioritize hair health and use high-quality products to minimize damage.",
|
||||
},
|
||||
{ id: "f1", title: "Do you offer services for natural hair?", content: "Yes! We specialize in natural hair care and restoration techniques." },
|
||||
{ id: "f2", title: "How long do the blowouts last?", content: "With proper maintenance, our Dominican blowouts can last for up to two weeks." },
|
||||
{ id: "f3", title: "Are your chemical treatments damaging?", content: "We prioritize hair health and use high-quality products to minimize damage." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table_627829-6196.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -223,9 +139,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us Today"
|
||||
title="Ready for a transformation?"
|
||||
description="Book your appointment in Bowie, MD and let us show you what healthy hair feels like."
|
||||
@@ -237,35 +151,21 @@ export default function LandingPage() {
|
||||
logoText="Santa’s Hair"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Services", href: "#services" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user