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