Merge version_2 into main #2
118
src/app/page.tsx
118
src/app/page.tsx
@@ -2,7 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Mail, MapPin, Phone } from "lucide-react";
|
||||
import { Phone } from "lucide-react";
|
||||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
||||
@@ -30,16 +30,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Shop", id: "products" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="LuxeLocks"
|
||||
/>
|
||||
@@ -47,15 +42,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="LuxeLocks"
|
||||
description="Premium hand-crafted hair extensions for the modern, elegant woman. Elevate your natural beauty with our exclusive golden collections."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collections", href: "#products"},
|
||||
{
|
||||
text: "Learn More", href: "#about"},
|
||||
{ text: "Shop Collections", href: "#products" },
|
||||
{ text: "Learn More", href: "#about" },
|
||||
]}
|
||||
layoutOrder="default"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/brightful-party-time-charming-young-woman-black-luxury-dress-long-curly-blonde-hair-with-golden-tinsels-big-balloons-party-time-fashionable-model-cheerful-mood_197531-8497.jpg"
|
||||
@@ -67,14 +59,11 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text", content: "The Gold Standard of Beauty"},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4446.jpg", alt: "About LuxeLocks"},
|
||||
{ type: "text", content: "The Gold Standard of Beauty" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4446.jpg", alt: "About LuxeLocks" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Consult", href: "#contact"},
|
||||
{ text: "Book Consult", href: "#contact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -86,18 +75,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Silky Straight Bundle", price: "$150", variant: "18 inch", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-caucasian-smiling-brunette-woman-model-bright-pink-summer-stylish-clothes-isolated-white-background_158538-2975.jpg"},
|
||||
{
|
||||
id: "p2", name: "Deep Wave Set", price: "$175", variant: "20 inch", imageSrc: "http://img.b2bpic.net/free-photo/gymnast-making-positions-with-club_23-2148144149.jpg"},
|
||||
{
|
||||
id: "p3", name: "Blonde Balayage Set", price: "$210", variant: "22 inch", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-portrait-slender-blonde-with-long-chic-hair-light-blue-dress-corduroy-shirt_343596-3368.jpg"},
|
||||
{
|
||||
id: "p4", name: "Noir Straight Set", price: "$160", variant: "18 inch", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-dandruff-copy-space_23-2149311416.jpg"},
|
||||
{
|
||||
id: "p5", name: "Body Wave Bundle", price: "$190", variant: "20 inch", imageSrc: "http://img.b2bpic.net/free-photo/golden-ti-leaf-textured-background_53876-145487.jpg"},
|
||||
{
|
||||
id: "p6", name: "Honey Blonde Wave", price: "$220", variant: "22 inch", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420655.jpg"},
|
||||
{ id: "p1", name: "Silky Straight Bundle", price: "$150", variant: "18 inch", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-caucasian-smiling-brunette-woman-model-bright-pink-summer-stylish-clothes-isolated-white-background_158538-2975.jpg" },
|
||||
{ id: "p2", name: "Deep Wave Set", price: "$175", variant: "20 inch", imageSrc: "http://img.b2bpic.net/free-photo/gymnast-making-positions-with-club_23-2148144149.jpg" },
|
||||
{ id: "p3", name: "Blonde Balayage Set", price: "$210", variant: "22 inch", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-portrait-slender-blonde-with-long-chic-hair-light-blue-dress-corduroy-shirt_343596-3368.jpg" },
|
||||
{ id: "p4", name: "Noir Straight Set", price: "$160", variant: "18 inch", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-dandruff-copy-space_23-2149311416.jpg" },
|
||||
{ id: "p5", name: "Body Wave Bundle", price: "$190", variant: "20 inch", imageSrc: "http://img.b2bpic.net/free-photo/golden-ti-leaf-textured-background_53876-145487.jpg" },
|
||||
{ id: "p6", name: "Honey Blonde Wave", price: "$220", variant: "22 inch", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420655.jpg" },
|
||||
]}
|
||||
title="Exclusive Collections"
|
||||
description="Discover our premium hair extension sets, designed for durability, style, and a natural feel."
|
||||
@@ -111,22 +94,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic", tag: "Essentials", price: "$250", period: "/session", description: "Quick install for daily wear.", button: {
|
||||
text: "Select", href: "#contact"},
|
||||
featuresTitle: "Included:", features: [
|
||||
"Consultation", "Install", "Style"],
|
||||
id: "basic", tag: "Essentials", price: "$250", period: "/session", description: "Quick install for daily wear.", button: { text: "Select", href: "#contact" },
|
||||
featuresTitle: "Included:", features: ["Consultation", "Install", "Style"]
|
||||
},
|
||||
{
|
||||
id: "pro", tag: "Popular", price: "$450", period: "/session", description: "Full volume upgrade package.", button: {
|
||||
text: "Select", href: "#contact"},
|
||||
featuresTitle: "Included:", features: [
|
||||
"Full Install", "Cut & Blend", "Deep Condition", "Maintenance Kit"],
|
||||
id: "pro", tag: "Popular", price: "$450", period: "/session", description: "Full volume upgrade package.", button: { text: "Select", href: "#contact" },
|
||||
featuresTitle: "Included:", features: ["Full Install", "Cut & Blend", "Deep Condition", "Maintenance Kit"]
|
||||
},
|
||||
{
|
||||
id: "premium", tag: "VIP", price: "$600", period: "/session", description: "Luxury end-to-end service.", button: {
|
||||
text: "Select", href: "#contact"},
|
||||
featuresTitle: "Included:", features: [
|
||||
"Custom Color Match", "Full Install", "Professional Cut", "3-Month Warranty"],
|
||||
id: "premium", tag: "VIP", price: "$600", period: "/session", description: "Luxury end-to-end service.", button: { text: "Select", href: "#contact" },
|
||||
featuresTitle: "Included:", features: ["Custom Color Match", "Full Install", "Professional Cut", "3-Month Warranty"]
|
||||
},
|
||||
]}
|
||||
title="Flexible Luxury"
|
||||
@@ -141,21 +118,11 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah J.", role: "Fashion Model", company: "Global Agency", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-10390.jpg"},
|
||||
{
|
||||
id: "2", name: "Elena M.", role: "Entrepreneur", company: "BoutiqueCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-girl-with-long-hair-light-clothes-posing-studio_613910-7608.jpg"},
|
||||
{
|
||||
id: "3", name: "Chloe R.", role: "Creative", company: "DesignLab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-waiting-hair-coloring_23-2147769779.jpg"},
|
||||
{
|
||||
id: "4", name: "Mia L.", role: "Marketing", company: "BrandFocus", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-laughing-lady-making-selfie-with-friend-good-weekend-morning-refined-girl-with-long-hairstyle-having-fun-with-cute-sister_197531-21480.jpg"},
|
||||
{
|
||||
id: "5", name: "Rachel K.", role: "Stylist", company: "VogueStudio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-elegant-woman_158595-764.jpg"},
|
||||
{ id: "1", name: "Sarah J.", role: "Fashion Model", company: "Global Agency", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-10390.jpg" },
|
||||
{ id: "2", name: "Elena M.", role: "Entrepreneur", company: "BoutiqueCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fashionable-girl-with-long-hair-light-clothes-posing-studio_613910-7608.jpg" },
|
||||
{ id: "3", name: "Chloe R.", role: "Creative", company: "DesignLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-waiting-hair-coloring_23-2147769779.jpg" },
|
||||
{ id: "4", name: "Mia L.", role: "Marketing", company: "BrandFocus", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/caucasian-laughing-lady-making-selfie-with-friend-good-weekend-morning-refined-girl-with-long-hairstyle-having-fun-with-cute-sister_197531-21480.jpg" },
|
||||
{ id: "5", name: "Rachel K.", role: "Stylist", company: "VogueStudio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-elegant-woman_158595-764.jpg" },
|
||||
]}
|
||||
title="Loved by Our Clients"
|
||||
description="Authentic experiences from women who transformed their style with LuxeLocks."
|
||||
@@ -169,35 +136,22 @@ export default function LandingPage() {
|
||||
ctaButton={{ text: "Book Now", href: "#contact" }}
|
||||
ctaIcon={Phone}
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "Do you offer international shipping?", content: "Yes, we ship globally with express options available."
|
||||
},
|
||||
{
|
||||
id: "q2", title: "How do I maintain my extensions?", content: "We provide a full care guide and premium maintenance kits with every order."
|
||||
}
|
||||
{ id: "q1", title: "Do you offer international shipping?", content: "Yes, we ship globally with express options available." },
|
||||
{ id: "q2", title: "How do I maintain my extensions?", content: "We provide a full care guide and premium maintenance kits with every order." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Services", items: [{ label: "Installations", href: "#pricing" }, { label: "Consultations", href: "#contact" }] }
|
||||
]}
|
||||
logoText="LuxeLocks"
|
||||
copyrightText="© 2025 LuxeLocks Hair Extensions."
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Careers", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Installations", href: "#pricing" },
|
||||
{ label: "Consultations", href: "#contact" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user