Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 08f067d79b | |||
| 45b667ef1f | |||
| 6d540c1d85 |
265
src/app/page.tsx
265
src/app/page.tsx
@@ -2,17 +2,17 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Award, Instagram, Shield, Sparkles, Twitter, Users } from "lucide-react";
|
||||
import { Award, Shield, Sparkles, Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,21 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
name: "Our Story", id: "about"},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collections", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Blog", id: "blog"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Lumina"
|
||||
/>
|
||||
@@ -59,75 +53,38 @@ export default function LandingPage() {
|
||||
description="Discover a collection of timeless pieces crafted for the modern individual, blending quality, style, and sustainability."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Elena Ross",
|
||||
handle: "@elena.style",
|
||||
testimonial: "The quality of the material is unparalleled. Truly a staple in my wardrobe.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021795.jpg?_wi=1",
|
||||
imageAlt: "elegant clothing brand lifestyle shot",
|
||||
},
|
||||
name: "Elena Ross", handle: "@elena.style", testimonial: "The quality of the material is unparalleled. Truly a staple in my wardrobe.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021795.jpg?_wi=1", imageAlt: "elegant clothing brand lifestyle shot"},
|
||||
{
|
||||
name: "Marcus Chen",
|
||||
handle: "@m.chen",
|
||||
testimonial: "Finally found a brand that balances minimalism with personality perfectly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-making-jacket-close-up_23-2148898083.jpg?_wi=1",
|
||||
imageAlt: "elegant clothing brand lifestyle shot",
|
||||
},
|
||||
name: "Marcus Chen", handle: "@m.chen", testimonial: "Finally found a brand that balances minimalism with personality perfectly.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-making-jacket-close-up_23-2148898083.jpg?_wi=1", imageAlt: "elegant clothing brand lifestyle shot"},
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Effortless pieces that fit into any occasion. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cozy-texture-clothing_23-2149432461.jpg?_wi=1",
|
||||
imageAlt: "elegant clothing brand lifestyle shot",
|
||||
},
|
||||
name: "Sarah J.", handle: "@sarahj", testimonial: "Effortless pieces that fit into any occasion. Highly recommend.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cozy-texture-clothing_23-2149432461.jpg?_wi=1", imageAlt: "elegant clothing brand lifestyle shot"},
|
||||
{
|
||||
name: "David L.",
|
||||
handle: "@david.l",
|
||||
testimonial: "The construction is impeccable, clearly built to last.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-albino-woman_23-2150283418.jpg?_wi=1",
|
||||
imageAlt: "elegant clothing brand lifestyle shot",
|
||||
},
|
||||
name: "David L.", handle: "@david.l", testimonial: "The construction is impeccable, clearly built to last.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-albino-woman_23-2150283418.jpg?_wi=1", imageAlt: "elegant clothing brand lifestyle shot"},
|
||||
{
|
||||
name: "Maya K.",
|
||||
handle: "@maya.k",
|
||||
testimonial: "Minimalist design with maximum impact. I love every piece.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-sketch-with-female-accessories-white-flowers-wooden-desk_23-2147856149.jpg?_wi=1",
|
||||
imageAlt: "elegant clothing brand lifestyle shot",
|
||||
},
|
||||
name: "Maya K.", handle: "@maya.k", testimonial: "Minimalist design with maximum impact. I love every piece.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-sketch-with-female-accessories-white-flowers-wooden-desk_23-2147856149.jpg?_wi=1", imageAlt: "elegant clothing brand lifestyle shot"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021795.jpg?_wi=2"
|
||||
imageAlt="elegant clothing brand lifestyle shot"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-making-jacket-close-up_23-2148898084.jpg",
|
||||
alt: "Woman making jacket close up",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-making-jacket-close-up_23-2148898084.jpg", alt: "Woman making jacket close up"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021803.jpg",
|
||||
alt: "Portrait of stylish woman posing in a fashionable outfit",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021803.jpg", alt: "Portrait of stylish woman posing in a fashionable outfit"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-plus-size-male-social-media-influencer_23-2151396745.jpg",
|
||||
alt: "Portrait of plus-size male social media influencer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-plus-size-male-social-media-influencer_23-2151396745.jpg", alt: "Portrait of plus-size male social media influencer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-model-with-earphones_23-2149429038.jpg",
|
||||
alt: "Medium shot model with earphones",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-model-with-earphones_23-2149429038.jpg", alt: "Medium shot model with earphones"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-queer-woman-posing-with-copy-space_23-2151177758.jpg",
|
||||
alt: "portrait of a trendy customer profile",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-queer-woman-posing-with-copy-space_23-2151177758.jpg", alt: "portrait of a trendy customer profile"},
|
||||
]}
|
||||
avatarText="Join 10,000+ fashion enthusiasts"
|
||||
/>
|
||||
@@ -154,20 +111,11 @@ export default function LandingPage() {
|
||||
description="We don't cut corners. From sourcing materials to the final stitch, we prioritize longevity."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Sustainable Sourcing",
|
||||
content: "We only work with ethical suppliers who share our commitment to a better planet.",
|
||||
},
|
||||
id: "1", title: "Sustainable Sourcing", content: "We only work with ethical suppliers who share our commitment to a better planet."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Timeless Aesthetics",
|
||||
content: "Our designs focus on classic silhouettes that transcend shifting fashion trends.",
|
||||
},
|
||||
id: "2", title: "Timeless Aesthetics", content: "Our designs focus on classic silhouettes that transcend shifting fashion trends."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Precision Tailoring",
|
||||
content: "Every piece is rigorously inspected to ensure the perfect fit and finish.",
|
||||
},
|
||||
id: "3", title: "Precision Tailoring", content: "Every piece is rigorously inspected to ensure the perfect fit and finish."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-cozy-texture-clothing_23-2149432461.jpg?_wi=2"
|
||||
imageAlt="sustainable organic cotton fabric texture"
|
||||
@@ -183,41 +131,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Cotton Tee",
|
||||
price: "$65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-albino-woman_23-2150283418.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Classic Cotton Tee", price: "$65", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-albino-woman_23-2150283418.jpg?_wi=2"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Signature Oxford",
|
||||
price: "$125",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-sketch-with-female-accessories-white-flowers-wooden-desk_23-2147856149.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Signature Oxford", price: "$125", imageSrc: "http://img.b2bpic.net/free-photo/female-sketch-with-female-accessories-white-flowers-wooden-desk_23-2147856149.jpg?_wi=2"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Tailored Trousers",
|
||||
price: "$180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-jacket-with-accesories_122409-41.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Silk Blend Scarf",
|
||||
price: "$90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-as-greek-goddess_23-2150099204.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Lightweight Parka",
|
||||
price: "$240",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/follow-me-romantic-concept-young-woman-with-long-hair-outdoors-holding-her-boyfriend-s-hand_158538-1664.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Linen Wrap Skirt",
|
||||
price: "$145",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-blonde-rich-woman-with-banknotes-purse_23-2149668375.jpg",
|
||||
},
|
||||
id: "p3", name: "Tailored Trousers", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/close-up-jacket-with-accesories_122409-41.jpg"},
|
||||
]}
|
||||
title="Signature Essentials"
|
||||
description="Curated pieces designed to elevate your everyday wardrobe."
|
||||
@@ -232,25 +150,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Ethically Sourced",
|
||||
description: "100% of our supply chain is transparent.",
|
||||
icon: Shield,
|
||||
id: "m1", value: "100%", title: "Ethically Sourced", description: "100% of our supply chain is transparent.", icon: Shield,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50+",
|
||||
title: "Unique Styles",
|
||||
description: "Curated catalog of timeless designs.",
|
||||
icon: Award,
|
||||
id: "m2", value: "50+", title: "Unique Styles", description: "Curated catalog of timeless designs.", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "10k+",
|
||||
title: "Happy Clients",
|
||||
description: "Joined by fashion lovers worldwide.",
|
||||
icon: Users,
|
||||
id: "m3", value: "10k+", title: "Happy Clients", description: "Joined by fashion lovers worldwide.", icon: Users,
|
||||
},
|
||||
]}
|
||||
title="Impact In Numbers"
|
||||
@@ -260,44 +166,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elena Ross",
|
||||
role: "Creative Director",
|
||||
testimonial: "Simply the best quality I've found.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-holding-eyeglasses-while-smiling-gray-background_114579-60199.jpg",
|
||||
},
|
||||
id: "t1", name: "Elena Ross", role: "Creative Director", testimonial: "Simply the best quality I've found.", imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-holding-eyeglasses-while-smiling-gray-background_114579-60199.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus Chen",
|
||||
role: "Architect",
|
||||
testimonial: "Finally, a brand that gets it.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-girl-model-with-retro-film-camera-wearing-denim-jacket-dark-hair-outdoors-city-wall-cage-background-having-fun-city-with-camera-travel-photo-photographer_639032-2508.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah J.",
|
||||
role: "Editor",
|
||||
testimonial: "Effortless, timeless, and chic.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021799.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David L.",
|
||||
role: "Entrepreneur",
|
||||
testimonial: "Built to last years, not seasons.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-queer-woman-posing-with-copy-space_23-2151177758.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Maya K.",
|
||||
role: "Designer",
|
||||
testimonial: "Love the minimalist philosophy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-lady-posing-studio_176474-70937.jpg",
|
||||
},
|
||||
id: "t2", name: "Marcus Chen", role: "Architect", testimonial: "Finally, a brand that gets it.", imageSrc: "http://img.b2bpic.net/free-photo/cool-girl-model-with-retro-film-camera-wearing-denim-jacket-dark-hair-outdoors-city-wall-cage-background-having-fun-city-with-camera-travel-photo-photographer_639032-2508.jpg"},
|
||||
]}
|
||||
title="What They Say"
|
||||
description="Hear from our community about their experience with Lumina."
|
||||
@@ -305,7 +181,7 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardTwo
|
||||
<BlogCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
@@ -313,71 +189,28 @@ export default function LandingPage() {
|
||||
description="Insights on sustainability, design, and style."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Sustainability",
|
||||
title: "The Future of Conscious Fashion",
|
||||
excerpt: "Why circular fashion is changing everything.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-milk-pink-napkin_23-2148399033.jpg",
|
||||
authorName: "Lumina Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/cheerful-lady-stylish-outfit-looks-with-proud-her-clothing-samples_197531-24018.jpg",
|
||||
date: "Oct 12, 2023",
|
||||
},
|
||||
id: "b1", category: "Sustainability", title: "The Future of Conscious Fashion", excerpt: "Why circular fashion is changing everything.", imageSrc: "http://img.b2bpic.net/free-photo/glass-milk-pink-napkin_23-2148399033.jpg", authorName: "Lumina Team", authorAvatar: "http://img.b2bpic.net/free-photo/cheerful-lady-stylish-outfit-looks-with-proud-her-clothing-samples_197531-24018.jpg", date: "Oct 12, 2023"},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Design",
|
||||
title: "Minimalist Principles",
|
||||
excerpt: "How less truly means more.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/non-binary-person-looking-back_23-2148757545.jpg",
|
||||
authorName: "Lumina Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/side-view-woman-holding-fan_23-2150043674.jpg",
|
||||
date: "Oct 15, 2023",
|
||||
},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Style",
|
||||
title: "Capsule Wardrobes",
|
||||
excerpt: "Mastering the art of fewer pieces.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-nature-with-clothesline_23-2148170341.jpg",
|
||||
authorName: "Lumina Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/portrait-young-man-yellow-scene-frame_23-2148184707.jpg",
|
||||
date: "Oct 20, 2023",
|
||||
},
|
||||
id: "b2", category: "Design", title: "Minimalist Principles", excerpt: "How less truly means more.", imageSrc: "http://img.b2bpic.net/free-photo/non-binary-person-looking-back_23-2148757545.jpg", authorName: "Lumina Team", authorAvatar: "http://img.b2bpic.net/free-photo/side-view-woman-holding-fan_23-2150043674.jpg", date: "Oct 15, 2023"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Join the Inner Circle"
|
||||
description="Subscribe for early access, behind-the-scenes content, and exclusive updates."
|
||||
mediaAnimation="opacity"
|
||||
mediaPosition="right"
|
||||
tag="Stay Connected"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-preparing-thread-face-mask_23-2148614631.jpg"
|
||||
imageAlt="Woman preparing thread for face mask"
|
||||
background={{ variant: "plain" }}
|
||||
title="Inquiry Form"
|
||||
description="Get in touch with our team for bespoke requests or wholesale inquiries."
|
||||
tag="Contact Us"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
<FooterLogoReveal
|
||||
logoText="Lumina"
|
||||
copyrightText="© 2025 Lumina Label. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
]}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user