Merge version_1 into main #1
177
src/app/page.tsx
177
src/app/page.tsx
@@ -11,7 +11,7 @@ import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Facebook, Instagram, Linkedin, Mail, Twitter } from "lucide-react";
|
||||
import { Facebook, Instagram, Linkedin, Mail, Twitter, MessageCircle } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,25 +32,18 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "shop",
|
||||
href: "/shop",
|
||||
name: "Shop", id: "/shop"
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
href: "/about",
|
||||
name: "About", id: "/about"
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
href: "/contact",
|
||||
name: "Contact", id: "/contact"
|
||||
},
|
||||
]}
|
||||
brandName="LuxeWear"
|
||||
button={{
|
||||
text: "Cart (0)",
|
||||
href: "/cart",
|
||||
text: "Cart (0)", href: "/cart"
|
||||
}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
@@ -59,30 +52,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
variant: "plain"
|
||||
}}
|
||||
imagePosition="right"
|
||||
title="Elevate Your Style. Define Your Edge."
|
||||
description="Discover LuxeWear's curated collection of premium streetwear and fashion, designed for the confident and the trend-focused."
|
||||
kpis={[
|
||||
{
|
||||
value: "New Arrivals",
|
||||
label: "Fresh Drops",
|
||||
value: "New Arrivals", label: "Fresh Drops"
|
||||
},
|
||||
{
|
||||
value: "Best Sellers",
|
||||
label: "Top Picks",
|
||||
value: "Best Sellers", label: "Top Picks"
|
||||
},
|
||||
{
|
||||
value: "Limited Editions",
|
||||
label: "Exclusive",
|
||||
value: "Limited Editions", label: "Exclusive"
|
||||
},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "/shop",
|
||||
text: "Shop Now", href: "/shop"
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-men-looking-woman-standing-center_23-2148134029.jpg"
|
||||
@@ -99,36 +88,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "hoodie",
|
||||
name: "The Core Hoodie",
|
||||
price: "$89.99",
|
||||
variant: "Black",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-people-having-fun_23-2149832952.jpg",
|
||||
imageAlt: "Black minimalist hoodie",
|
||||
id: "hoodie", name: "The Core Hoodie", price: "$89.99", variant: "Black", imageSrc: "http://img.b2bpic.net/free-photo/young-people-having-fun_23-2149832952.jpg", imageAlt: "Black minimalist hoodie"
|
||||
},
|
||||
{
|
||||
id: "tshirt",
|
||||
name: "Essential Tee",
|
||||
price: "$39.99",
|
||||
variant: "White",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-beautiful-women-posing_23-2148906929.jpg",
|
||||
imageAlt: "White minimalist t-shirt",
|
||||
id: "tshirt", name: "Essential Tee", price: "$39.99", variant: "White", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-beautiful-women-posing_23-2148906929.jpg", imageAlt: "White minimalist t-shirt"
|
||||
},
|
||||
{
|
||||
id: "jeans",
|
||||
name: "Denim Slim Fit",
|
||||
price: "$129.99",
|
||||
variant: "Dark Wash",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-demonstrating-upper-cloths_1303-24585.jpg",
|
||||
imageAlt: "Dark wash slim fit jeans",
|
||||
id: "jeans", name: "Denim Slim Fit", price: "$129.99", variant: "Dark Wash", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-demonstrating-upper-cloths_1303-24585.jpg", imageAlt: "Dark wash slim fit jeans"
|
||||
},
|
||||
{
|
||||
id: "jacket",
|
||||
name: "Urban Bomber",
|
||||
price: "$179.99",
|
||||
variant: "Black",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-arab-man-wear-black-jeans-jacket-sunglasses-posed-against-red-steel-wall-background-stylish-fashionable-arabian-model-guy_627829-986.jpg",
|
||||
imageAlt: "Black urban bomber jacket",
|
||||
id: "jacket", name: "Urban Bomber", price: "$179.99", variant: "Black", imageSrc: "http://img.b2bpic.net/free-photo/fashion-arab-man-wear-black-jeans-jacket-sunglasses-posed-against-red-steel-wall-background-stylish-fashionable-arabian-model-guy_627829-986.jpg", imageAlt: "Black urban bomber jacket"
|
||||
},
|
||||
]}
|
||||
title="Featured Essentials"
|
||||
@@ -141,14 +110,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Crafting the Future of Streetwear. LuxeWear is more than just clothing. It's a statement.",
|
||||
type: "text", content: "Crafting the Future of Streetwear. LuxeWear is more than just clothing. It's a statement."
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "/about",
|
||||
text: "Our Story", href: "/about"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -159,40 +126,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-man_1303-4392.jpg",
|
||||
imageAlt: "Alex K.",
|
||||
id: "1", name: "Alex K.", imageSrc: "http://img.b2bpic.net/free-photo/african-man_1303-4392.jpg", imageAlt: "Alex K."
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jamie L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashionable-model-with-natural-blond-hair-posing-red-background-close-up-studio-shot-silk-cocktail-dress-side-view_639032-823.jpg",
|
||||
imageAlt: "Jamie L.",
|
||||
id: "2", name: "Jamie L.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashionable-model-with-natural-blond-hair-posing-red-background-close-up-studio-shot-silk-cocktail-dress-side-view_639032-823.jpg", imageAlt: "Jamie L."
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Chris P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-playful-blonde-woman-shirt-sunglasses-looking-away_171337-2747.jpg",
|
||||
imageAlt: "Chris P.",
|
||||
id: "3", name: "Chris P.", imageSrc: "http://img.b2bpic.net/free-photo/happy-playful-blonde-woman-shirt-sunglasses-looking-away_171337-2747.jpg", imageAlt: "Chris P."
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Taylor R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-doing-okay-sign_1149-1844.jpg",
|
||||
imageAlt: "Taylor R.",
|
||||
id: "4", name: "Taylor R.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-doing-okay-sign_1149-1844.jpg", imageAlt: "Taylor R."
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sam W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-wearing-white-shirt-looking-smiling-showing-thumbs-up-standing-blue-wall_141793-55879.jpg",
|
||||
imageAlt: "Sam W.",
|
||||
id: "5", name: "Sam W.", imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-wearing-white-shirt-looking-smiling-showing-thumbs-up-standing-blue-wall_141793-55879.jpg", imageAlt: "Sam W."
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Jordan G.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-hand-young-beautiful-girl-warm-clothes-have-walk-city-her-weekends-time_146671-16830.jpg",
|
||||
imageAlt: "Jordan G.",
|
||||
id: "6", name: "Jordan G.", imageSrc: "http://img.b2bpic.net/free-photo/blurred-hand-young-beautiful-girl-warm-clothes-have-walk-city-her-weekends-time_146671-16830.jpg", imageAlt: "Jordan G."
|
||||
},
|
||||
]}
|
||||
cardTitle="What Our Community Says"
|
||||
@@ -206,14 +155,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
logos={[
|
||||
"http://img.b2bpic.net/free-vector/blurred-backgrounds-collection_1319-18.jpg",
|
||||
"http://img.b2bpic.net/free-vector/flat-design-outlet-stamp-collection_23-2149755147.jpg",
|
||||
"http://img.b2bpic.net/free-vector/brutalism-template-design_23-2149752207.jpg",
|
||||
"http://img.b2bpic.net/free-vector/logo-template-design_1289-2.jpg",
|
||||
"http://img.b2bpic.net/free-vector/hand-drawn-second-hand-clothing-store-logo_23-2150217634.jpg",
|
||||
"http://img.b2bpic.net/free-vector/minimalist-wedding-monograms-pastel-colors-pack_23-2148390554.jpg",
|
||||
"http://img.b2bpic.net/free-vector/grid-geometric-green-flooring-services-logo-template_742173-19075.jpg",
|
||||
]}
|
||||
"http://img.b2bpic.net/free-vector/blurred-backgrounds-collection_1319-18.jpg", "http://img.b2bpic.net/free-vector/flat-design-outlet-stamp-collection_23-2149755147.jpg", "http://img.b2bpic.net/free-vector/brutalism-template-design_23-2149752207.jpg", "http://img.b2bpic.net/free-vector/logo-template-design_1289-2.jpg", "http://img.b2bpic.net/free-vector/hand-drawn-second-hand-clothing-store-logo_23-2150217634.jpg", "http://img.b2bpic.net/free-vector/minimalist-wedding-monograms-pastel-colors-pack_23-2148390554.jpg", "http://img.b2bpic.net/free-vector/grid-geometric-green-flooring-services-logo-template_742173-19075.jpg"]}
|
||||
names={[]}
|
||||
title="Trusted by Fashion Forward Individuals"
|
||||
description="Our collaborations and partnerships amplify our vision for modern streetwear culture."
|
||||
/>
|
||||
@@ -226,9 +169,9 @@ export default function LandingPage() {
|
||||
ctaTitle="Stay Ahead of the Curve"
|
||||
ctaDescription="Join our newsletter for exclusive drops, style guides, and early access to new collections."
|
||||
ctaButton={{
|
||||
text: "Sign Up Now",
|
||||
}}
|
||||
text: "Sign Up Now"}}
|
||||
ctaIcon={Mail}
|
||||
faqs={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -239,18 +182,15 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com/luxewear",
|
||||
ariaLabel: "Instagram",
|
||||
href: "https://instagram.com/luxewear", ariaLabel: "Instagram"
|
||||
},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com/luxewear",
|
||||
ariaLabel: "Twitter",
|
||||
href: "https://twitter.com/luxewear", ariaLabel: "Twitter"
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com/luxewear",
|
||||
ariaLabel: "Facebook",
|
||||
href: "https://facebook.com/luxewear", ariaLabel: "Facebook"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -261,14 +201,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Crafting the Future of Streetwear. LuxeWear is more than just clothing. It's a statement.",
|
||||
type: "text", content: "Crafting the Future of Streetwear. LuxeWear is more than just clothing. It's a statement."
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "/about",
|
||||
text: "Our Story", href: "/about"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -282,47 +220,26 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ava Chen",
|
||||
role: "Creative Director",
|
||||
description: "Ava leads our design philosophy, ensuring every piece reflects modern aesthetics and brand values.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-near-brick-wall-street-background-metrosexual_158538-10489.jpg",
|
||||
imageAlt: "Ava Chen, Creative Director",
|
||||
socialLinks: [
|
||||
id: "1", name: "Ava Chen", role: "Creative Director", description: "Ava leads our design philosophy, ensuring every piece reflects modern aesthetics and brand values.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-near-brick-wall-street-background-metrosexual_158538-10489.jpg", imageAlt: "Ava Chen, Creative Director", socialLinks: [
|
||||
{
|
||||
icon: Instagram,
|
||||
url: "https://instagram.com/avachen",
|
||||
ariaLabel: "Instagram",
|
||||
url: "https://instagram.com/avachen"
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Lee",
|
||||
role: "Head of Marketing",
|
||||
description: "Marcus is the voice of LuxeWear, connecting our brand with the global streetwear community.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020770.jpg",
|
||||
imageAlt: "Marcus Lee, Head of Marketing",
|
||||
socialLinks: [
|
||||
id: "2", name: "Marcus Lee", role: "Head of Marketing", description: "Marcus is the voice of LuxeWear, connecting our brand with the global streetwear community.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020770.jpg", imageAlt: "Marcus Lee, Head of Marketing", socialLinks: [
|
||||
{
|
||||
icon: Twitter,
|
||||
url: "https://twitter.com/marcuslee",
|
||||
ariaLabel: "Twitter",
|
||||
url: "https://twitter.com/marcuslee"
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sophia Rodriguez",
|
||||
role: "Product Development",
|
||||
description: "Sophia ensures the quality and innovation of our materials, bringing designs to life.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-volunteer-smiling_23-2149134457.jpg",
|
||||
imageAlt: "Sophia Rodriguez, Product Development",
|
||||
socialLinks: [
|
||||
id: "3", name: "Sophia Rodriguez", role: "Product Development", description: "Sophia ensures the quality and innovation of our materials, bringing designs to life.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-volunteer-smiling_23-2149134457.jpg", imageAlt: "Sophia Rodriguez, Product Development", socialLinks: [
|
||||
{
|
||||
icon: Linkedin,
|
||||
url: "https://linkedin.com/in/sophiarodriguez",
|
||||
ariaLabel: "LinkedIn",
|
||||
url: "https://linkedin.com/in/sophiarodriguez"
|
||||
},
|
||||
],
|
||||
},
|
||||
@@ -336,12 +253,22 @@ export default function LandingPage() {
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
ctaTitle="Stay Ahead of the Curve"
|
||||
ctaDescription="Join our newsletter for exclusive drops, style guides, and early access to new collections."
|
||||
ctaTitle="Get in Touch"
|
||||
ctaDescription="Have a question or need assistance? Fill out the form below or reach us directly via email."
|
||||
ctaButton={{
|
||||
text: "Sign Up Now",
|
||||
}}
|
||||
ctaIcon={Mail}
|
||||
text: "Send Message"}}
|
||||
ctaIcon={MessageCircle}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "What are your shipping options?", content: "We offer standard and express shipping worldwide. Delivery times and costs vary based on destination."
|
||||
},
|
||||
{
|
||||
id: "2", title: "How do I return an item?", content: "Returns are accepted within 30 days of purchase. Please visit our Returns page for detailed instructions and to initiate a return."
|
||||
},
|
||||
{
|
||||
id: "3", title: "Do you offer international shipping?", content: "Yes, we ship to most countries globally. International shipping rates and delivery times will be calculated at checkout."
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user