Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-03-27 07:15:58 +00:00

View File

@@ -16,213 +16,104 @@ export default function LandingPage() {
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "About",
id: "#about",
},
{
name: "Services",
id: "#services",
},
{
name: "Reviews",
id: "#reviews",
},
{
name: "Contact",
id: "#contact",
},
]}
brandName="Beauty Bar"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Reviews", id: "reviews" },
{ name: "Contact", id: "contact" },
]}
brandName="Beauty Bar"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "plain",
}}
title="Excellence in Hair Artistry"
description="Located in Williamsburg Court, Bloomington. Experience personalized hair care, expert coloring, and precision styling tailored just for you."
kpis={[
{
value: "4.7",
label: "Google Rating",
},
{
value: "10+",
label: "Expert Stylists",
},
{
value: "1000+",
label: "Happy Clients",
},
]}
enableKpiAnimation={true}
buttons={[
{
text: "Book Appointment",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/gorgeous-smiling-blonde-fashion-model-sits-white-suit-soft-armchair_8353-5476.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
title="Excellence in Hair Artistry"
description="Located in Williamsburg Court, Bloomington. Experience personalized hair care, expert coloring, and precision styling tailored just for you."
background={{ variant: "plain" }}
kpis={[
{ value: "4.7", label: "Google Rating" },
{ value: "10+", label: "Expert Stylists" },
{ value: "1000+", label: "Happy Clients" },
]}
enableKpiAnimation={true}
mediaAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/gorgeous-smiling-blonde-fashion-model-sits-white-suit-soft-armchair_8353-5476.jpg"
buttons={[{ text: "Book Appointment", href: "#contact" }]}
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
title="Beauty Bar Salon in Bloomington"
buttons={[
{
text: "Call Now",
href: "tel:8123253664",
},
]}
/>
</div>
<div id="about" data-section="about">
<TextAbout
title="Beauty Bar Salon in Bloomington"
useInvertedBackground={false}
buttons={[{ text: "Call Now", href: "tel:8123253664" }]}
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwelve
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "s1",
label: "Styling",
title: "Precision Haircuts",
items: [
"Executive cuts",
"Trendy styles",
"Bespoke layering",
],
},
{
id: "s2",
label: "Color",
title: "Expert Hair Coloring",
items: [
"Platinum blonde",
"Balayage",
"Custom highlights",
],
},
{
id: "s3",
label: "Care",
title: "Treatment Services",
items: [
"Deep conditioning",
"Scalp health",
"Gloss treatments",
],
},
]}
title="Our Professional Services"
description="We offer a wide range of premium services to keep your hair looking its absolute best."
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwelve
title="Our Professional Services"
description="We offer a wide range of premium services to keep your hair looking its absolute best."
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ id: "s1", label: "Styling", title: "Precision Haircuts", items: ["Executive cuts", "Trendy styles", "Bespoke layering"] },
{ id: "s2", label: "Color", title: "Expert Hair Coloring", items: ["Platinum blonde", "Balayage", "Custom highlights"] },
{ id: "s3", label: "Care", title: "Treatment Services", items: ["Deep conditioning", "Scalp health", "Gloss treatments"] },
]}
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Christine Holland-Lutz",
date: "9 months ago",
title: "Local Guide",
quote: "Thanks Laura! My hair looks amazing!",
tag: "5/5",
avatarSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-with-coffee-cup_23-2149442257.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-lovely-young-female-model-with-blond-hair-dressed-sleepwear-sitting-bed-with-wonderful-smile_291650-1060.jpg",
},
{
id: "t2",
name: "Jera Belcher",
date: "11 months ago",
title: "Frequent Client",
quote: "Jessica is the BEST! She got me in last minute to fix a botched job and made me LOVE my hair again.",
tag: "5/5",
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-rich-woman-posing-indoors_23-2149722597.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/preparation-celebrating-beauty-salon-happy-attractive-model-smiling-stylist_197531-3665.jpg",
},
{
id: "t3",
name: "Alesha Eve",
date: "2 years ago",
title: "Styling Client",
quote: "Overall it was okay. The highlights were great although not exactly what I envisioned.",
tag: "4/5",
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-shaking-hands-with-partner-cafe_1262-12511.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/crop-hairdresser-applying-spray-hair_23-2147769861.jpg",
},
{
id: "t4",
name: "Happy Customer",
date: "1 year ago",
title: "Loyal Patron",
quote: "The team is professional and always friendly. I recommend them for any coloring needs.",
tag: "5/5",
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-done-beauty-salon_23-2149167394.jpg",
},
]}
title="What Our Clients Say"
description="Read about the transformations our clients have experienced at Beauty Bar."
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardFive
title="What Our Clients Say"
description="Read about the transformations our clients have experienced at Beauty Bar."
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Christine Holland-Lutz", date: "9 months ago", title: "Local Guide", quote: "Thanks Laura! My hair looks amazing!", tag: "5/5", avatarSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-with-coffee-cup_23-2149442257.jpg", imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-lovely-young-female-model-with-blond-hair-dressed-sleepwear-sitting-bed-with-wonderful-smile_291650-1060.jpg" },
{ id: "t2", name: "Jera Belcher", date: "11 months ago", title: "Frequent Client", quote: "Jessica is the BEST! She got me in last minute to fix a botched job and made me LOVE my hair again.", tag: "5/5", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-rich-woman-posing-indoors_23-2149722597.jpg", imageSrc: "http://img.b2bpic.net/free-photo/preparation-celebrating-beauty-salon-happy-attractive-model-smiling-stylist_197531-3665.jpg" },
{ id: "t3", name: "Alesha Eve", date: "2 years ago", title: "Styling Client", quote: "Overall it was okay. The highlights were great although not exactly what I envisioned.", tag: "4/5", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-shaking-hands-with-partner-cafe_1262-12511.jpg", imageSrc: "http://img.b2bpic.net/free-photo/crop-hairdresser-applying-spray-hair_23-2147769861.jpg" },
{ id: "t4", name: "Happy Customer", date: "1 year ago", title: "Loyal Patron", quote: "The team is professional and always friendly. I recommend them for any coloring needs.", tag: "5/5", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-done-beauty-salon_23-2149167394.jpg" },
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Book Your Session"
description="Ready for a transformation? Reach out to us for appointments or questions."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "Tell us about your hair needs...",
rows: 4,
}}
imageSrc="http://img.b2bpic.net/free-photo/side-view-bride-maid-honor-with-make-up-hairdo-wearing-white-pink-nightgown-standing-near-window-have_8353-11888.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
title="Book Your Session"
description="Ready for a transformation? Reach out to us for appointments or questions."
useInvertedBackground={false}
mediaAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/side-view-bride-maid-honor-with-make-up-hairdo-wearing-white-pink-nightgown-standing-near-window-have_8353-11888.jpg"
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true },
]}
textarea={{ name: "message", placeholder: "Tell us about your hair needs...", rows: 4 }}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Beauty Bar"
leftLink={{
text: "223 S Pete Ellis Dr, Bloomington",
href: "#",
}}
rightLink={{
text: "(812) 325-3664",
href: "tel:8123253664",
}}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Beauty Bar"
leftLink={{ text: "223 S Pete Ellis Dr, Bloomington", href: "#" }}
rightLink={{ text: "(812) 325-3664", href: "tel:8123253664" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);