Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 586a25e10b |
213
src/app/page.tsx
213
src/app/page.tsx
@@ -32,39 +32,27 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "New Arrivals",
|
||||
id: "catalog",
|
||||
},
|
||||
name: "New Arrivals", id: "catalog"},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "features",
|
||||
},
|
||||
name: "Collections", id: "features"},
|
||||
{
|
||||
name: "AI Stylist",
|
||||
id: "contact",
|
||||
},
|
||||
name: "AI Stylist", id: "contact"},
|
||||
{
|
||||
name: "About",
|
||||
id: "metrics",
|
||||
},
|
||||
name: "About", id: "metrics"},
|
||||
]}
|
||||
brandName="LUXE"
|
||||
brandName="Rofida"
|
||||
button={{
|
||||
text: "Login",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Login", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="LUXE"
|
||||
logoText="Rofida"
|
||||
description="Redefining the essence of modern luxury through curated fashion, AI-driven style assistance, and timeless design."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collections",
|
||||
href: "#catalog",
|
||||
},
|
||||
text: "Shop Collections", href: "#catalog"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/be-classy-unique-different-icon_53876-21335.jpg"
|
||||
showDimOverlay={true}
|
||||
@@ -76,46 +64,22 @@ export default function LandingPage() {
|
||||
layout="section"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Silk Evening Gown",
|
||||
price: "$1,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-brown-material-texture_23-2148383664.jpg",
|
||||
rating: 5,
|
||||
id: "p1", name: "Silk Evening Gown", price: "$1,200", imageSrc: "http://img.b2bpic.net/free-photo/close-up-brown-material-texture_23-2148383664.jpg", rating: 5,
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Italian Leather Satchel",
|
||||
price: "$850",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-looks-clothes-online-touch-screen-monitor-fashion-boutique-mall-self-service-board-male-customer-looking-trendy-clothes-items-retail-kiosk-display_482257-63314.jpg",
|
||||
rating: 5,
|
||||
id: "p2", name: "Italian Leather Satchel", price: "$850", imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-looks-clothes-online-touch-screen-monitor-fashion-boutique-mall-self-service-board-male-customer-looking-trendy-clothes-items-retail-kiosk-display_482257-63314.jpg", rating: 5,
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Minimalist Gold Cuff",
|
||||
price: "$400",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-orange-mask-accessories_23-2148401576.jpg",
|
||||
rating: 4,
|
||||
id: "p3", name: "Minimalist Gold Cuff", price: "$400", imageSrc: "http://img.b2bpic.net/free-photo/monochrome-orange-mask-accessories_23-2148401576.jpg", rating: 4,
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Tailored Wool Blazer",
|
||||
price: "$950",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/accessories-nail-polish_23-2147710692.jpg",
|
||||
rating: 5,
|
||||
id: "p4", name: "Tailored Wool Blazer", price: "$950", imageSrc: "http://img.b2bpic.net/free-photo/accessories-nail-polish_23-2147710692.jpg", rating: 5,
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Cashmere Knit Scarf",
|
||||
price: "$300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/billboard-window-display-manikin_23-2148225572.jpg",
|
||||
rating: 4,
|
||||
id: "p5", name: "Cashmere Knit Scarf", price: "$300", imageSrc: "http://img.b2bpic.net/free-photo/billboard-window-display-manikin_23-2148225572.jpg", rating: 4,
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Designer Suede Boots",
|
||||
price: "$600",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/merry-christmas-happy-new-year-with-christmas-tree-gift-box-banner-background-3d-illustration_56104-1904.jpg",
|
||||
rating: 5,
|
||||
id: "p6", name: "Designer Suede Boots", price: "$600", imageSrc: "http://img.b2bpic.net/free-photo/merry-christmas-happy-new-year-with-christmas-tree-gift-box-banner-background-3d-illustration_56104-1904.jpg", rating: 5,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -127,20 +91,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "AI Style Assistant",
|
||||
description: "Get personalized outfit recommendations based on your unique style preference and budget.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058833.jpg",
|
||||
},
|
||||
title: "AI Style Assistant", description: "Get personalized outfit recommendations based on your unique style preference and budget.", imageSrc: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058833.jpg"},
|
||||
{
|
||||
title: "3D Product Viewer",
|
||||
description: "Examine every stitch and texture with our high-fidelity 3D rendering and rotation tools.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-cylinder-podium-chinese-new-year-product-stand-podium-background-pedestal-3d-rendering_56104-2162.jpg",
|
||||
},
|
||||
title: "3D Product Viewer", description: "Examine every stitch and texture with our high-fidelity 3D rendering and rotation tools.", imageSrc: "http://img.b2bpic.net/free-photo/red-cylinder-podium-chinese-new-year-product-stand-podium-background-pedestal-3d-rendering_56104-2162.jpg"},
|
||||
{
|
||||
title: "Sustainable Luxury",
|
||||
description: "We partner with ethical brands to bring you the finest materials with a minimal environmental footprint.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2744.jpg",
|
||||
},
|
||||
title: "Sustainable Luxury", description: "We partner with ethical brands to bring you the finest materials with a minimal environmental footprint.", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2744.jpg"},
|
||||
]}
|
||||
title="Innovation Meets Elegance"
|
||||
description="Experience our advanced AI styling tools and interactive product previews designed to elevate your shopping experience."
|
||||
@@ -155,20 +110,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150K+",
|
||||
description: "Happy Global Customers",
|
||||
},
|
||||
id: "m1", value: "150K+", description: "Happy Global Customers"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "200+",
|
||||
description: "Luxury Brand Partners",
|
||||
},
|
||||
id: "m2", value: "200+", description: "Luxury Brand Partners"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
description: "Satisfaction Rate",
|
||||
},
|
||||
id: "m3", value: "99.9%", description: "Satisfaction Rate"},
|
||||
]}
|
||||
title="Our Global Impact"
|
||||
description="Setting standards in luxury e-commerce for over a decade with trust and quality."
|
||||
@@ -183,29 +129,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elena Rossi",
|
||||
role: "Creative Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-posing_23-2148916393.jpg",
|
||||
},
|
||||
id: "t1", name: "Elena Rossi", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-posing_23-2148916393.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus Chen",
|
||||
role: "Lead Tech Strategist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman_23-2148932864.jpg",
|
||||
},
|
||||
id: "t2", name: "Marcus Chen", role: "Lead Tech Strategist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman_23-2148932864.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sophia Laurent",
|
||||
role: "Head of Fashion",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-punk-woman-wearing-jacket_23-2149267449.jpg",
|
||||
},
|
||||
id: "t3", name: "Sophia Laurent", role: "Head of Fashion", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-punk-woman-wearing-jacket_23-2149267449.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Julian Thorne",
|
||||
role: "Customer Experience",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020775.jpg",
|
||||
},
|
||||
id: "t4", name: "Julian Thorne", role: "Customer Experience", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020775.jpg"},
|
||||
]}
|
||||
title="Creative Visionaries"
|
||||
description="The minds behind the future of digital fashion."
|
||||
@@ -218,45 +148,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "ts1",
|
||||
title: "Style Reimagined",
|
||||
quote: "The AI stylist picked the perfect outfit for my event. It felt like I had a personal shopper.",
|
||||
name: "Sarah J.",
|
||||
role: "Fashion Blogger",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-mirror-outside_52683-86314.jpg",
|
||||
},
|
||||
id: "ts1", title: "Style Reimagined", quote: "The AI stylist picked the perfect outfit for my event. It felt like I had a personal shopper.", name: "Sarah J.", role: "Fashion Blogger", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-mirror-outside_52683-86314.jpg"},
|
||||
{
|
||||
id: "ts2",
|
||||
title: "Incredible Service",
|
||||
quote: "The checkout process was seamless and the clothes fit perfectly every single time.",
|
||||
name: "David W.",
|
||||
role: "Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-young-woman-sitting-barn-with-seddle_171337-18328.jpg",
|
||||
},
|
||||
id: "ts2", title: "Incredible Service", quote: "The checkout process was seamless and the clothes fit perfectly every single time.", name: "David W.", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/serious-young-woman-sitting-barn-with-seddle_171337-18328.jpg"},
|
||||
{
|
||||
id: "ts3",
|
||||
title: "Quality First",
|
||||
quote: "Everything from the fabric to the stitching screams premium luxury.",
|
||||
name: "Mila K.",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-smiling-woman-dressed-black-sweater-posing_114579-81856.jpg",
|
||||
},
|
||||
id: "ts3", title: "Quality First", quote: "Everything from the fabric to the stitching screams premium luxury.", name: "Mila K.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/pretty-smiling-woman-dressed-black-sweater-posing_114579-81856.jpg"},
|
||||
{
|
||||
id: "ts4",
|
||||
title: "Tech Meets Style",
|
||||
quote: "The 3D viewer helped me make an informed decision without doubt.",
|
||||
name: "John R.",
|
||||
role: "Tech Investor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-black-woman-autumn-style_633478-358.jpg",
|
||||
},
|
||||
id: "ts4", title: "Tech Meets Style", quote: "The 3D viewer helped me make an informed decision without doubt.", name: "John R.", role: "Tech Investor", imageSrc: "http://img.b2bpic.net/free-photo/portrait-black-woman-autumn-style_633478-358.jpg"},
|
||||
{
|
||||
id: "ts5",
|
||||
title: "Always Trending",
|
||||
quote: "LUXE consistently brings the freshest trends to my doorstep.",
|
||||
name: "Chloe B.",
|
||||
role: "Influencer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-blue-light_23-2149478943.jpg",
|
||||
},
|
||||
id: "ts5", title: "Always Trending", quote: "LUXE consistently brings the freshest trends to my doorstep.", name: "Chloe B.", role: "Influencer", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-blue-light_23-2149478943.jpg"},
|
||||
]}
|
||||
title="Trusted by Fashionistas"
|
||||
description="See why our customers love our personalized AI-driven experience."
|
||||
@@ -268,20 +168,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Yes, we ship to over 100 countries globally with tracking.",
|
||||
},
|
||||
id: "q1", title: "Do you offer international shipping?", content: "Yes, we ship to over 100 countries globally with tracking."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How does the AI Stylist work?",
|
||||
content: "It analyzes your style preferences, body type, and budget to generate bespoke outfit ensembles.",
|
||||
},
|
||||
id: "q2", title: "How does the AI Stylist work?", content: "It analyzes your style preferences, body type, and budget to generate bespoke outfit ensembles."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is my payment data secure?",
|
||||
content: "We use bank-grade encryption to ensure your payment details are fully protected.",
|
||||
},
|
||||
id: "q3", title: "Is my payment data secure?", content: "We use bank-grade encryption to ensure your payment details are fully protected."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -292,8 +183,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
tag="Join Elite"
|
||||
title="Exclusive Updates"
|
||||
description="Sign up for early access to our seasonal collections and private AI styling events."
|
||||
@@ -305,45 +195,30 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beauty-fashion-concept-full-length-shot-beautiful-coquettish-woman-black-dress-open-mo_1258-161426.jpg"
|
||||
logoText="LUXE"
|
||||
logoText="Rofida"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#catalog",
|
||||
},
|
||||
label: "New Arrivals", href: "#catalog"},
|
||||
{
|
||||
label: "Best Sellers",
|
||||
href: "#catalog",
|
||||
},
|
||||
label: "Best Sellers", href: "#catalog"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#metrics",
|
||||
},
|
||||
label: "About Us", href: "#metrics"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -352,4 +227,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user