Compare commits
8 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| b2b071a42a | |||
| 6cb0418ac9 | |||
| 63119288ab | |||
| 4a3c8e4154 | |||
| 1fc9b89307 | |||
| f828533da8 | |||
| 6feef2fb25 | |||
| 586a25e10b |
266
src/app/page.tsx
266
src/app/page.tsx
@@ -9,7 +9,7 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
|
||||
@@ -31,92 +31,41 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "New Arrivals",
|
||||
id: "catalog",
|
||||
},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "AI Stylist",
|
||||
id: "contact",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "metrics",
|
||||
},
|
||||
{ name: "New Arrivals", id: "catalog" },
|
||||
{ name: "Collections", id: "features" },
|
||||
{ name: "AI Stylist", id: "contact" },
|
||||
{ name: "About", id: "metrics" },
|
||||
]}
|
||||
brandName="LUXE"
|
||||
button={{
|
||||
text: "Login",
|
||||
href: "#",
|
||||
}}
|
||||
brandName="Rofida"
|
||||
button={{ 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" },
|
||||
{ text: "Learn About AI Styling", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/be-classy-unique-different-icon_53876-21335.jpg"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/be-classy-unique-different-icon_53876-21333.jpg"
|
||||
showDimOverlay={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="catalog" data-section="catalog">
|
||||
<ProductCatalog
|
||||
layout="section"
|
||||
<ProductCardThree
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Our Latest Collection"
|
||||
description="Discover our curated selection of premium pieces with real-time availability and integrated cart management."
|
||||
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: "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: "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: "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: "p1", name: "Silk Evening Gown", price: "$1,200", imageSrc: "http://img.b2bpic.net/free-photo/close-up-brown-material-texture_23-2148383664.jpg", initialQuantity: 1 },
|
||||
{ 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", initialQuantity: 1 },
|
||||
{ id: "p3", name: "Minimalist Gold Cuff", price: "$400", imageSrc: "http://img.b2bpic.net/free-photo/monochrome-orange-mask-accessories_23-2148401576.jpg", initialQuantity: 1 },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -126,21 +75,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
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: "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: "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: "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."
|
||||
@@ -154,21 +91,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150K+",
|
||||
description: "Happy Global Customers",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "200+",
|
||||
description: "Luxury Brand Partners",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
description: "Satisfaction Rate",
|
||||
},
|
||||
{ id: "m1", value: "150K+", description: "Happy Global Customers" },
|
||||
{ id: "m2", value: "200+", description: "Luxury Brand Partners" },
|
||||
{ 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."
|
||||
@@ -182,30 +107,10 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
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: "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: "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: "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: "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" },
|
||||
]}
|
||||
title="Creative Visionaries"
|
||||
description="The minds behind the future of digital fashion."
|
||||
@@ -217,46 +122,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
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: "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: "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: "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: "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" },
|
||||
]}
|
||||
title="Trusted by Fashionistas"
|
||||
description="See why our customers love our personalized AI-driven experience."
|
||||
@@ -267,21 +135,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
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: "q3",
|
||||
title: "Is my payment data secure?",
|
||||
content: "We use bank-grade encryption to ensure your payment details are fully protected.",
|
||||
},
|
||||
{ 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: "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"
|
||||
@@ -291,9 +147,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
background={{ 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,47 +159,11 @@ 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: [
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#catalog",
|
||||
},
|
||||
{
|
||||
label: "Best Sellers",
|
||||
href: "#catalog",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#metrics",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Shop", items: [{ label: "New Arrivals", href: "#catalog" }, { label: "Best Sellers", href: "#catalog" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#metrics" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user