Merge version_1 into main #2
399
src/app/page.tsx
399
src/app/page.tsx
@@ -18,294 +18,135 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Dominican Hair Secrets"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "tel:+19549065157",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Dominican Hair Secrets"
|
||||
button={{ text: "Book Now", href: "tel:+19549065157" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Your Hair. Your Crown. Our Passion."
|
||||
description="Experience premium Dominican hair styling in the heart of Coral Springs. Expert care for your unique beauty."
|
||||
tag="Top-Rated Beauty Salon"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "tel:+19549065157",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/winter-sports-equipment-complex_482257-76748.jpg?_wi=1",
|
||||
imageAlt: "Salon Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-emotions-young-twins_329181-10709.jpg?_wi=1",
|
||||
imageAlt: "Hairstyling result",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-dark-wall_329181-7280.jpg?_wi=1",
|
||||
imageAlt: "Happy client",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smiley-bride-indoors_23-2149721993.jpg?_wi=1",
|
||||
imageAlt: "Healthy hair",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-happy-girl-is-showing-two-gesture-blue-background_176474-119334.jpg?_wi=1",
|
||||
imageAlt: "Stylish transformation",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={4.4}
|
||||
ratingText="Based on 211 Google reviews"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Your Hair. Your Crown. Our Passion."
|
||||
description="Experience premium Dominican hair styling in the heart of Coral Springs. Expert care for your unique beauty."
|
||||
tag="Top-Rated Beauty Salon"
|
||||
buttons={[{ text: "Book Now", href: "tel:+19549065157" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/winter-sports-equipment-complex_482257-76748.jpg", imageAlt: "Salon Interior"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-emotions-young-twins_329181-10709.jpg", imageAlt: "Hairstyling result"
|
||||
}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={4.4}
|
||||
ratingText="Based on 211 Google reviews"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Keratin Treatments",
|
||||
subtitle: "Smooth and shine",
|
||||
category: "Treatment",
|
||||
value: "Premium",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Silk Press",
|
||||
subtitle: "Silky straight results",
|
||||
category: "Styling",
|
||||
value: "Popular",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Blow-dry & Straight",
|
||||
subtitle: "Classic Dominican blowout",
|
||||
category: "Styling",
|
||||
value: "Signature",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Highlights & Color",
|
||||
subtitle: "Customized vibrant shades",
|
||||
category: "Color",
|
||||
value: "Custom",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
description="We specialize in healthy, beautiful hair transformations tailored to you."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "1", title: "Keratin Treatments", subtitle: "Smooth and shine", category: "Treatment", value: "Premium" },
|
||||
{ id: "2", title: "Silk Press", subtitle: "Silky straight results", category: "Styling", value: "Popular" },
|
||||
{ id: "3", title: "Blow-dry & Straight", subtitle: "Classic Dominican blowout", category: "Styling", value: "Signature" },
|
||||
{ id: "4", title: "Highlights & Color", subtitle: "Customized vibrant shades", category: "Color", value: "Custom" },
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
description="We specialize in healthy, beautiful hair transformations tailored to you."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Meet Our Team"
|
||||
title="A Message from Tara"
|
||||
description="At Dominican Hair Secrets, Tara and our team believe every client deserves to leave our chair feeling empowered and beautiful. With years of experience and a passion for healthy hair, we provide a warm, professional environment for your hair journey."
|
||||
subdescription="Visit us at Coral Palm Plaza and let us care for your crown."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hostess-latino-hair-salon_23-2150555153.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
icon={Sparkles}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Meet Our Team"
|
||||
title="A Message from Tara"
|
||||
description="At Dominican Hair Secrets, Tara and our team believe every client deserves to leave our chair feeling empowered and beautiful. With years of experience and a passion for healthy hair, we provide a warm, professional environment for your hair journey."
|
||||
subdescription="Visit us at Coral Palm Plaza and let us care for your crown."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hostess-latino-hair-salon_23-2150555153.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
icon={Sparkles}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Fantastic service!",
|
||||
quote: "Tara is amazing! My hair has never looked better. Highly recommend.",
|
||||
name: "Adele Farina",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-dark-wall_329181-7280.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Best blowout ever!",
|
||||
quote: "The team is so friendly and skilled. Great atmosphere!",
|
||||
name: "Magen Ferrer",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smiley-bride-indoors_23-2149721993.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Expert care",
|
||||
quote: "I love how healthy my hair feels after every visit. Truly the best.",
|
||||
name: "Sarah J.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-happy-girl-is-showing-two-gesture-blue-background_176474-119334.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Professional & Welcoming",
|
||||
quote: "Always a pleasure coming here. Tara is truly talented.",
|
||||
name: "Elena R.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/relaxed-content-middle-aged-woman-leaning-wall_1262-1881.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Beautiful results!",
|
||||
quote: "My highlights look stunning! Thank you so much!",
|
||||
name: "Monica D.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-braiding-hair-woman_23-2147784501.jpg",
|
||||
},
|
||||
]}
|
||||
title="Client Love"
|
||||
description="Don't just take our word for it — read what our lovely clients have to say."
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Fantastic service!", quote: "Tara is amazing! My hair has never looked better. Highly recommend.", name: "Adele Farina", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-dark-wall_329181-7280.jpg" },
|
||||
{ id: "2", title: "Best blowout ever!", quote: "The team is so friendly and skilled. Great atmosphere!", name: "Magen Ferrer", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smiley-bride-indoors_23-2149721993.jpg" },
|
||||
{ id: "3", title: "Expert care", quote: "I love how healthy my hair feels after every visit. Truly the best.", name: "Sarah J.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/smiling-happy-girl-is-showing-two-gesture-blue-background_176474-119334.jpg" },
|
||||
{ id: "4", title: "Professional & Welcoming", quote: "Always a pleasure coming here. Tara is truly talented.", name: "Elena R.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/relaxed-content-middle-aged-woman-leaning-wall_1262-1881.jpg" },
|
||||
{ id: "5", title: "Beautiful results!", quote: "My highlights look stunning! Thank you so much!", name: "Monica D.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/woman-braiding-hair-woman_23-2147784501.jpg" },
|
||||
]}
|
||||
title="Client Love"
|
||||
description="Don't just take our word for it — read what our lovely clients have to say."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "g1",
|
||||
name: "Transformation 1",
|
||||
price: "View",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-emotions-young-twins_329181-10709.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "g2",
|
||||
name: "Transformation 2",
|
||||
price: "View",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-emotions-young-twins_329181-10709.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "g3",
|
||||
name: "Transformation 3",
|
||||
price: "View",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-emotions-young-twins_329181-10709.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "g4",
|
||||
name: "Transformation 4",
|
||||
price: "View",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-emotions-young-twins_329181-10709.jpg?_wi=5",
|
||||
},
|
||||
{
|
||||
id: "g5",
|
||||
name: "Transformation 5",
|
||||
price: "View",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-emotions-young-twins_329181-10709.jpg?_wi=6",
|
||||
},
|
||||
{
|
||||
id: "g6",
|
||||
name: "Salon View",
|
||||
price: "View",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/winter-sports-equipment-complex_482257-76748.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Gallery"
|
||||
description="Before & After transformations and our salon aesthetic."
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "g1", name: "Transformation 1", price: "View", imageSrc: "http://img.b2bpic.net/free-photo/different-emotions-young-twins_329181-10709.jpg" },
|
||||
{ id: "g2", name: "Transformation 2", price: "View", imageSrc: "http://img.b2bpic.net/free-photo/different-emotions-young-twins_329181-10709.jpg" },
|
||||
{ id: "g3", name: "Transformation 3", price: "View", imageSrc: "http://img.b2bpic.net/free-photo/different-emotions-young-twins_329181-10709.jpg" },
|
||||
{ id: "g4", name: "Transformation 4", price: "View", imageSrc: "http://img.b2bpic.net/free-photo/different-emotions-young-twins_329181-10709.jpg" },
|
||||
{ id: "g5", name: "Transformation 5", price: "View", imageSrc: "http://img.b2bpic.net/free-photo/different-emotions-young-twins_329181-10709.jpg" },
|
||||
{ id: "g6", name: "Salon View", price: "View", imageSrc: "http://img.b2bpic.net/free-photo/winter-sports-equipment-complex_482257-76748.jpg" },
|
||||
]}
|
||||
title="Gallery"
|
||||
description="Before & After transformations and our salon aesthetic."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
text="Visit us at 2053 N University Dr, Coral Springs, FL 33071. Call us at (954) 906-5157 to book your appointment! Open daily until 7 PM."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call to Book",
|
||||
href: "tel:+19549065157",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
text="Visit us at 2053 N University Dr, Coral Springs, FL 33071. Call us at (954) 906-5157 to book your appointment! Open daily until 7 PM."
|
||||
buttons={[{ text: "Call to Book", href: "tel:+19549065157" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
{
|
||||
label: "2053 N University Dr, Coral Springs, FL",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "(954) 906-5157",
|
||||
href: "tel:+19549065157",
|
||||
},
|
||||
{
|
||||
label: "Website",
|
||||
href: "https://dominicanhairsecretssalon.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hours",
|
||||
items: [
|
||||
{
|
||||
label: "Open daily until 7 PM",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Dominican Hair Secrets"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Location", items: [{ label: "2053 N University Dr, Coral Springs, FL", href: "#" }] },
|
||||
{ title: "Connect", items: [{ label: "(954) 906-5157", href: "tel:+19549065157" }, { label: "Website", href: "https://dominicanhairsecretssalon.com" }] },
|
||||
{ title: "Hours", items: [{ label: "Open daily until 7 PM", href: "#" }] },
|
||||
]}
|
||||
logoText="Dominican Hair Secrets"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user