Merge version_4 into main #3
136
src/app/page.tsx
136
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,18 +31,13 @@ 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="Rofida"
|
||||
button={{
|
||||
text: "Login", href: "#"}}
|
||||
button={{ text: "Login", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -51,10 +46,8 @@ export default function LandingPage() {
|
||||
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: "Learn About AI Styling", href: "#contact"},
|
||||
{ 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"
|
||||
showDimOverlay={true}
|
||||
@@ -62,27 +55,16 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="catalog" data-section="catalog">
|
||||
<ProductCatalog
|
||||
layout="section"
|
||||
<ProductCardThree
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
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>
|
||||
@@ -92,12 +74,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."
|
||||
@@ -111,12 +90,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."
|
||||
@@ -130,14 +106,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."
|
||||
@@ -149,16 +121,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."
|
||||
@@ -169,12 +134,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"
|
||||
@@ -184,8 +146,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."
|
||||
@@ -199,34 +160,13 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beauty-fashion-concept-full-length-shot-beautiful-coquettish-woman-black-dress-open-mo_1258-161426.jpg"
|
||||
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>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user