Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 12fe23b768 |
182
src/app/page.tsx
182
src/app/page.tsx
@@ -2,13 +2,13 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -29,17 +29,11 @@ export default function LandingPage() {
|
|||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Shop",
|
name: "Shop", id: "#products"},
|
||||||
id: "#products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Benefits",
|
name: "Benefits", id: "#features"},
|
||||||
id: "#features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Testimonials",
|
name: "Testimonials", id: "#testimonials"},
|
||||||
id: "#testimonials",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="LUXE"
|
brandName="LUXE"
|
||||||
/>
|
/>
|
||||||
@@ -51,9 +45,7 @@ export default function LandingPage() {
|
|||||||
description="Elevate your everyday with curated essentials designed for the modern connoisseur."
|
description="Elevate your everyday with curated essentials designed for the modern connoisseur."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Shop Now",
|
text: "Shop Now", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-young-young-woman-sitting-modern-cafe_171337-17121.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/portrait-young-young-woman-sitting-modern-cafe_171337-17121.jpg"
|
||||||
/>
|
/>
|
||||||
@@ -67,47 +59,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Chronos Classic", price: "$499", variant: "Midnight", imageSrc: "http://img.b2bpic.net/free-photo/set-cosmetic-paint-brush-makeup_1232-2065.jpg"},
|
||||||
name: "Chronos Classic",
|
|
||||||
price: "$499",
|
|
||||||
variant: "Midnight",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/set-cosmetic-paint-brush-makeup_1232-2065.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Essence Mist", price: "$129", variant: "Limited", imageSrc: "http://img.b2bpic.net/free-photo/black-white-beauty-product_23-2151307262.jpg"},
|
||||||
name: "Essence Mist",
|
|
||||||
price: "$129",
|
|
||||||
variant: "Limited",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-beauty-product_23-2151307262.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Aura Satchel", price: "$899", variant: "Noir", imageSrc: "http://img.b2bpic.net/free-photo/creative-black-friday-composition-black-background_23-2148666964.jpg"},
|
||||||
name: "Aura Satchel",
|
|
||||||
price: "$899",
|
|
||||||
variant: "Noir",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-black-friday-composition-black-background_23-2148666964.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "Sonic Elite", price: "$349", variant: "Matte", imageSrc: "http://img.b2bpic.net/free-photo/music-arrangement-with-black-headphones-cables-with-copy-space_23-2148785724.jpg"},
|
||||||
name: "Sonic Elite",
|
|
||||||
price: "$349",
|
|
||||||
variant: "Matte",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/music-arrangement-with-black-headphones-cables-with-copy-space_23-2148785724.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", name: "Silk Ribbon", price: "$199", variant: "Azure", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-black-dress-with-evening-makeup-colorful-lips-red-shawl_158538-10939.jpg"},
|
||||||
name: "Silk Ribbon",
|
|
||||||
price: "$199",
|
|
||||||
variant: "Azure",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-black-dress-with-evening-makeup-colorful-lips-red-shawl_158538-10939.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "6",
|
id: "6", name: "Vogue Shades", price: "$299", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/spectacular-young-woman-white-blouse-posing-street-amazing-brunette-girl-sunglasses-standing-city-background_197531-26313.jpg"},
|
||||||
name: "Vogue Shades",
|
|
||||||
price: "$299",
|
|
||||||
variant: "Classic",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/spectacular-young-woman-white-blouse-posing-street-amazing-brunette-girl-sunglasses-standing-city-background_197531-26313.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Curated Selection"
|
title="Curated Selection"
|
||||||
description="Discover pieces that define your style."
|
description="Discover pieces that define your style."
|
||||||
@@ -121,29 +83,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "f1",
|
id: "f1", title: "Premium Quality", tags: [
|
||||||
title: "Premium Quality",
|
"Handcrafted"],
|
||||||
tags: [
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-reception-drinking-coffee_1303-22682.jpg"},
|
||||||
"Handcrafted",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-reception-drinking-coffee_1303-22682.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f2",
|
id: "f2", title: "White Glove Service", tags: [
|
||||||
title: "White Glove Service",
|
"Support"],
|
||||||
tags: [
|
imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367144.jpg"},
|
||||||
"Support",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367144.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f3",
|
id: "f3", title: "VIP Access", tags: [
|
||||||
title: "VIP Access",
|
"Exclusive"],
|
||||||
tags: [
|
imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-with-wrist-builder_23-2147775533.jpg"},
|
||||||
"Exclusive",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-with-wrist-builder_23-2147775533.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Why Choose Us"
|
title="Why Choose Us"
|
||||||
description="Excellence in every detail."
|
description="Excellence in every detail."
|
||||||
@@ -151,50 +101,21 @@ export default function LandingPage() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardTen
|
<TestimonialCardOne
|
||||||
textboxLayout="default"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
|
gridVariant="asymmetric-60-wide-40-narrow"
|
||||||
|
animationType="slide-up"
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Alex R.", role: "Collector", company: "LUXE User", rating: 5,
|
||||||
title: "Exceptional",
|
imageSrc: "http://img.b2bpic.net/free-photo/girl-stairs_1157-8771.jpg"},
|
||||||
quote: "The quality is simply unmatched.",
|
|
||||||
name: "Alex R.",
|
|
||||||
role: "Collector",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-stairs_1157-8771.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Sarah J.", role: "Stylist", company: "LUXE User", rating: 5,
|
||||||
title: "Sophisticated",
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-womanon-couch-with-mobile_23-2148415930.jpg"},
|
||||||
quote: "Finally, a brand that gets it.",
|
|
||||||
name: "Sarah J.",
|
|
||||||
role: "Stylist",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-womanon-couch-with-mobile_23-2148415930.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Michael K.", role: "Designer", company: "LUXE User", rating: 5,
|
||||||
title: "Top Tier",
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1524.jpg"},
|
||||||
quote: "The experience was seamless and premium.",
|
|
||||||
name: "Michael K.",
|
|
||||||
role: "Designer",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1524.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
title: "Beautiful",
|
|
||||||
quote: "Every piece is a work of art.",
|
|
||||||
name: "Elena M.",
|
|
||||||
role: "Curator",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/relaxed-african-boy-playing-with-his-hat-enthusiastic-black-man-sitting-stairs-confident-pose_197531-22078.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
title: "Worth It",
|
|
||||||
quote: "Obsessed with every detail.",
|
|
||||||
name: "Jordan P.",
|
|
||||||
role: "Architect",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/unknown-man-posing-with-blue-background-medium-shot_23-2149417616.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Voices of LUXE"
|
title="Voices of LUXE"
|
||||||
description="Join our community of satisfied enthusiasts."
|
description="Join our community of satisfied enthusiasts."
|
||||||
@@ -202,51 +123,22 @@ export default function LandingPage() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCenter
|
<ContactSplit
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
|
||||||
variant: "sparkles-gradient",
|
|
||||||
}}
|
|
||||||
tag="Newsletter"
|
tag="Newsletter"
|
||||||
title="Stay Connected"
|
title="Stay Connected"
|
||||||
description="Sign up for exclusive drops and private events."
|
description="Sign up for exclusive drops and private events."
|
||||||
|
imageSrc="http://img.b2bpic.net/free-photo/businesswoman-black-dress-with-evening-makeup-colorful-lips-red-shawl_158538-10939.jpg"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBase
|
<FooterCard
|
||||||
columns={[
|
|
||||||
{
|
|
||||||
title: "Shop",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "All Products",
|
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "New Arrivals",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Support",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Contact Us",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Shipping",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
logoText="LUXE"
|
logoText="LUXE"
|
||||||
|
copyrightText="© 2025 | LUXE Collective"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user