bender/938752df-8683-4c37-97d4-e41fd8ca3cf9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-04-22 23:38:10 +00:00
parent 39078d2b37 ecd8d09362
commit 143ff68825
1 changed files with 145 additions and 341 deletions
Download Patch File Download Diff File Expand all files Collapse all files

486
src/app/page.tsx
View File

@@ -2,362 +2,166 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Facebook, Instagram, Sparkles } from "lucide-react";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterCard from '@/components/sections/footer/FooterCard';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
defaultButtonVariant="hover-bubble"
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">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Shop",
id: "products",
},
{
name: "Services",
id: "services",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="House of Reinehair"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
brandName="House of Reinehair"
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Products", id: "products" },
{ name: "Services", id: "services" },
{ name: "Contact", id: "contact" }
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "plain",
}}
title="House of Reinehair"
description="Luxurious raw and virgin hair extensions for those who demand the best. Book your transformation or shop our collection today."
buttons={[
{
text: "Shop Hair",
href: "#products",
},
{
text: "Book Appointment",
href: "#services",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-portrait-curly-woman-looking-into-camera-gold-background_197531-15001.jpg?_wi=1"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-brunette-sleeping-floor_23-2147781242.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/woman-into-fur_633478-354.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/closeup-portrait-mixed-race-woman-with-ideal-skin-straight-hairxd_633478-1697.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/red-hair-woman-with-red-lips-posing-camera_613910-63.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-person-holding-brown-braids_23-2148283612.jpg",
alt: "Client 5",
},
]}
avatarText="Join 5,000+ satisfied clients"
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-looking-doctor_107420-74008.jpg",
alt: "Icon 1",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-caring-her-skin-near-mirror-bathroom_1301-7643.jpg",
alt: "Icon 2",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/smiley-woman-home-pandemic-having-cup-coffee-with-her-boyfriend_23-2148781381.jpg",
alt: "Icon 3",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230955.jpg",
alt: "Icon 4",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/beautiful-flirty-girl-cozy-sweater-joyfully-looking-camera-colorful-background_574295-2487.jpg",
alt: "Icon 5",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{ variant: "plain" }}
title="House of Reinehair"
description="Luxurious raw and virgin hair extensions for those who demand the best. Book your transformation or shop our collection today."
buttons={[{ text: "Shop Hair", href: "#products" }, { text: "Book Appointment", href: "#services" }]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-portrait-curly-woman-looking-into-camera-gold-background_197531-15001.jpg"
mediaAnimation="slide-up"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/young-brunette-sleeping-floor_23-2147781242.jpg", alt: "Client 1" },
{ src: "http://img.b2bpic.net/free-photo/woman-into-fur_633478-354.jpg", alt: "Client 2" },
{ src: "http://img.b2bpic.net/free-photo/closeup-portrait-mixed-race-woman-with-ideal-skin-straight-hairxd_633478-1697.jpg", alt: "Client 3" },
{ src: "http://img.b2bpic.net/free-photo/red-hair-woman-with-red-lips-posing-camera_613910-63.jpg", alt: "Client 4" },
{ src: "http://img.b2bpic.net/free-photo/close-up-person-holding-brown-braids_23-2148283612.jpg", alt: "Client 5" }
]}
avatarText="Join 5,000+ satisfied clients"
marqueeItems={[
{ type: "image", src: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-looking-doctor_107420-74008.jpg", alt: "Icon 1" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-caring-her-skin-near-mirror-bathroom_1301-7643.jpg", alt: "Icon 2" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/smiley-woman-home-pandemic-having-cup-coffee-with-her-boyfriend_23-2148781381.jpg", alt: "Icon 3" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230955.jpg", alt: "Icon 4" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/beautiful-flirty-girl-cozy-sweater-joyfully-looking-camera-colorful-background_574295-2487.jpg", alt: "Icon 5" }
]}
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="Our Story"
title="Excellence in Hair Artistry"
description="Welcome to House of Reinehair, where luxury meets beauty. We provide premium raw and virgin hair extensions and professional salon services designed to elevate your personal style."
subdescription="Our mission is to empower our clients by delivering unmatched quality and exceptional service that makes every visit an experience of pure luxury."
icon={Sparkles}
imageSrc="http://img.b2bpic.net/free-photo/elegance-cool-adult-hand-old_1187-6235.jpg"
mediaAnimation="blur-reveal"
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
tag="Our Story"
title="Excellence in Hair Artistry"
description="Welcome to House of Reinehair, where luxury meets beauty. We provide premium raw and virgin hair extensions and professional salon services designed to elevate your personal style."
subdescription="Our mission is to empower our clients by delivering unmatched quality and exceptional service that makes every visit an experience of pure luxury."
icon={Sparkles}
imageSrc="http://img.b2bpic.net/free-photo/elegance-cool-adult-hand-old_1187-6235.jpg"
mediaAnimation="blur-reveal"
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "p1",
brand: "Reinehair",
name: "Premium Straight Raw Hair",
price: "$150",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/hair-samples-fan_633478-204.jpg",
},
{
id: "p2",
brand: "Reinehair",
name: "Signature Wavy Virgin Hair",
price: "$180",
rating: 5,
reviewCount: "95",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-putting-turban_197531-12910.jpg",
},
{
id: "p3",
brand: "Reinehair",
name: "Luxury Curly Raw Hair",
price: "$210",
rating: 5,
reviewCount: "88",
imageSrc: "http://img.b2bpic.net/free-photo/mixed-race-black-blonde-model-with-curly-hair-happy-smiling-touching-it_633478-827.jpg",
},
{
id: "p4",
brand: "Reinehair",
name: "Blonde Virgin Collection",
price: "$250",
rating: 4,
reviewCount: "42",
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-natural-argan-oil-dropper_23-2149016620.jpg",
},
{
id: "p5",
brand: "Reinehair",
name: "Deep Wave Raw Texture",
price: "$195",
rating: 5,
reviewCount: "67",
imageSrc: "http://img.b2bpic.net/free-photo/styled-hair-extensions-beauty-salon_23-2148940854.jpg",
},
{
id: "p6",
brand: "Reinehair",
name: "Water Wave Virgin Hair",
price: "$175",
rating: 5,
reviewCount: "55",
imageSrc: "http://img.b2bpic.net/free-photo/sad-woman-near-sea_23-2150343367.jpg",
},
]}
title="Shop Our Premium Collection"
description="Discover our signature line of raw and virgin hair, meticulously sourced and tested for durability and natural luster."
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
title="Shop Our Premium Collection"
description="Discover our signature line of raw and virgin hair, meticulously sourced and tested for durability and natural luster."
products={[
{ id: "p1", brand: "Reinehair", name: "Premium Straight Raw Hair", price: "$150", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/hair-samples-fan_633478-204.jpg" },
{ id: "p2", brand: "Reinehair", name: "Signature Wavy Virgin Hair", price: "$180", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-putting-turban_197531-12910.jpg" },
{ id: "p3", brand: "Reinehair", name: "Luxury Curly Raw Hair", price: "$210", rating: 5, reviewCount: "88", imageSrc: "http://img.b2bpic.net/free-photo/mixed-race-black-blonde-model-with-curly-hair-happy-smiling-touching-it_633478-827.jpg" },
{ id: "p4", brand: "Reinehair", name: "Blonde Virgin Collection", price: "$250", rating: 4, reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-natural-argan-oil-dropper_23-2149016620.jpg" },
{ id: "p5", brand: "Reinehair", name: "Deep Wave Raw Texture", price: "$195", rating: 5, reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/styled-hair-extensions-beauty-salon_23-2148940854.jpg" },
{ id: "p6", brand: "Reinehair", name: "Water Wave Virgin Hair", price: "$175", rating: 5, reviewCount: "55", imageSrc: "http://img.b2bpic.net/free-photo/sad-woman-near-sea_23-2150343367.jpg" }
]}
/>
</div>
<div id="services" data-section="services">
<PricingCardOne
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
plans={[
{
id: "svc-1",
badge: "Essential",
price: "$85",
subtitle: "Hair Wash & Silk Press",
features: [
"Luxury wash",
"Deep conditioning",
"Professional silk press",
],
},
{
id: "svc-2",
badge: "Popular",
price: "$150",
subtitle: "Extension Installation",
features: [
"Braid down",
"Precise installation",
"Style blend",
],
},
{
id: "svc-3",
badge: "Premium",
price: "$220",
subtitle: "Full Color & Maintenance",
features: [
"Color customization",
"Hydration treatment",
"Cut and style",
],
},
]}
title="Salon Hair Services"
description="Book a professional appointment with our experts. Whether it's styling, maintenance, or full installations, we ensure perfection."
/>
</div>
<div id="services" data-section="services">
<PricingCardOne
animationType="slide-up"
textboxLayout="split"
title="Salon Hair Services"
description="Book a professional appointment with our experts. Whether it's styling, maintenance, or full installations, we ensure perfection."
plans={[
{ id: "svc-1", badge: "Essential", price: "$85", subtitle: "Hair Wash & Silk Press", features: ["Luxury wash", "Deep conditioning", "Professional silk press"] },
{ id: "svc-2", badge: "Popular", price: "$150", subtitle: "Extension Installation", features: ["Braid down", "Precise installation", "Style blend"] },
{ id: "svc-3", badge: "Premium", price: "$220", subtitle: "Full Color & Maintenance", features: ["Color customization", "Hydration treatment", "Cut and style"] }
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
title: "Incredible quality!",
quote: "The raw hair I bought is still as good as day one. Truly premium quality.",
name: "Sarah J.",
role: "Client",
imageSrc: "http://img.b2bpic.net/free-photo/charming-smiling-lady-with-long-wavy-dark-hair-is-touching-hair-looking-camera-home_291650-2384.jpg",
},
{
id: "t2",
title: "My go-to salon",
quote: "The silk press service was amazing, my hair has never been this healthy.",
name: "Chloe M.",
role: "Client",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-model-with-long-light-brown-hair-vine-lips-posing-isolated-wall-with-lovely-smile-portrait-young-well-groomed-girl-with-perfect-skin-close-up_291650-80.jpg",
},
{
id: "t3",
title: "Highly recommended!",
quote: "Professional team and the best hair extensions I've ever purchased.",
name: "Anita R.",
role: "Client",
imageSrc: "http://img.b2bpic.net/free-photo/lesbian-couple-wearing-white-their-wedding_23-2150835701.jpg",
},
{
id: "t4",
title: "Amazing transformation",
quote: "Every time I visit House of Reinehair, I leave feeling like royalty.",
name: "Bianca T.",
role: "Client",
imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-with-shopping-bags_1157-31452.jpg",
},
{
id: "t5",
title: "Stunning results",
quote: "Customer service is top notch and the products are definitely worth it.",
name: "Zoe L.",
role: "Client",
imageSrc: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575437.jpg",
},
]}
title="What Our Clients Say"
description="Read why thousands of customers trust House of Reinehair for their hair care and extension needs."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
textboxLayout="split"
title="What Our Clients Say"
description="Read why thousands of customers trust House of Reinehair for their hair care and extension needs."
testimonials={[
{ id: "t1", title: "Incredible quality!", quote: "The raw hair I bought is still as good as day one. Truly premium quality.", name: "Sarah J.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/charming-smiling-lady-with-long-wavy-dark-hair-is-touching-hair-looking-camera-home_291650-2384.jpg" },
{ id: "t2", title: "My go-to salon", quote: "The silk press service was amazing, my hair has never been this healthy.", name: "Chloe M.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-model-with-long-light-brown-hair-vine-lips-posing-isolated-wall-with-lovely-smile-portrait-young-well-groomed-girl-with-perfect-skin-close-up_291650-80.jpg" },
{ id: "t3", title: "Highly recommended!", quote: "Professional team and the best hair extensions I've ever purchased.", name: "Anita R.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/lesbian-couple-wearing-white-their-wedding_23-2150835701.jpg" },
{ id: "t4", title: "Amazing transformation", quote: "Every time I visit House of Reinehair, I leave feeling like royalty.", name: "Bianca T.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-with-shopping-bags_1157-31452.jpg" },
{ id: "t5", title: "Stunning results", quote: "Customer service is top notch and the products are definitely worth it.", name: "Zoe L.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575437.jpg" }
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Do you offer shipping and collection?",
content: "Yes, we offer both fast shipping options across the country and a convenient in-store collection service at our salon.",
},
{
id: "f2",
title: "How do I book an appointment?",
content: "You can easily book through our website via the Services section, select your desired appointment date and time.",
},
{
id: "f3",
title: "What is raw hair?",
content: "Raw hair is 100% unprocessed human hair, collected from a single donor, retaining its natural texture and integrity.",
},
]}
title="Frequently Asked Questions"
description="Have questions about our hair or booking process? Find answers here."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="split"
title="Frequently Asked Questions"
description="Have questions about our hair or booking process? Find answers here."
faqsAnimation="slide-up"
faqs={[
{ id: "f1", title: "Do you offer shipping and collection?", content: "Yes, we offer both fast shipping options across the country and a convenient in-store collection service at our salon." },
{ id: "f2", title: "How do I book an appointment?", content: "You can easily book through our website via the Services section, select your desired appointment date and time." },
{ id: "f3", title: "What is raw hair?", content: "Raw hair is 100% unprocessed human hair, collected from a single donor, retaining its natural texture and integrity." }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain",
}}
tag="Let's Talk"
title="Ready to Transform Your Look?"
description="Stay updated with our latest collections, promotions, and salon news."
mediaAnimation="slide-up"
mediaPosition="right"
imageSrc="http://img.b2bpic.net/free-photo/close-up-portrait-curly-woman-looking-into-camera-gold-background_197531-15001.jpg?_wi=2"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
tag="Let's Talk"
title="Ready to Transform Your Look?"
description="Stay updated with our latest collections, promotions, and salon news."
background={{ variant: "plain" }}
mediaAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/close-up-portrait-curly-woman-looking-into-camera-gold-background_197531-15001.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CjZZW634AfOxZPtxVSTnXfKZOM/uploaded-1776901025590-za336xyf.jpg"
logoText="House of Reinehair"
copyrightText="© 2025 House of Reinehair. All rights reserved."
socialLinks={[
{
icon: Instagram,
href: "https://instagram.com",
ariaLabel: "Instagram",
},
{
icon: Facebook,
href: "https://facebook.com",
ariaLabel: "Facebook",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="House of Reinehair"
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CjZZW634AfOxZPtxVSTnXfKZOM/uploaded-1776901025590-za336xyf.jpg"
socialLinks={[
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
{ icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);