bender/858876fa-4df0-431f-8c42-49f053d4ea93
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #1

Merged
bender merged 2 commits from version_2 into main 2026-04-16 14:36:24 +00:00
Conversation 0 Commits 2 Files Changed 2 +60 -259
2 changed files with 60 additions and 259 deletions
Download Patch File Download Diff File Expand all files Collapse all files

305
src/app/page.tsx
View File

@@ -2,16 +2,16 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterCard from '@/components/sections/footer/FooterCard';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Instagram, Twitter } from "lucide-react";
export default function LandingPage() {
@@ -33,21 +33,13 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Shop",
id: "products",
},
name: "Shop", id: "products"},
{
name: "Features",
id: "features",
},
name: "Features", id: "features"},
{
name: "Testimonials",
id: "testimonials",
},
name: "Testimonials", id: "testimonials"},
{
name: "FAQ",
id: "faq",
},
name: "FAQ", id: "faq"},
]}
brandName="MODA"
/>
@@ -57,100 +49,19 @@ export default function LandingPage() {
<HeroSplitTestimonial
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
title="Timeless Style for the Modern Minimalist"
description="Discover curated essentials designed for everyday elegance. Sustainable, durable, and crafted to last."
variant: "gradient-bars"}}
title="Ignite Your Wardrobe"
description="Unapologetic, sustainable essentials designed to make a statement. Feel the fire of true craftsmanship."
testimonials={[
{
name: "Alex R.",
handle: "@alexstyle",
testimonial: "The quality is simply unmatched.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
},
{
name: "Jordan P.",
handle: "@jordanmode",
testimonial: "Finally, clothes that fit perfectly.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-young-man-model-wearing-casual-summer-pink-clothes-fashion-stylish-man-posing-round-sunglasses_158538-5339.jpg",
},
{
name: "Sam L.",
handle: "@samminimal",
testimonial: "Sophisticated designs I wear daily.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-attractive-woman-standing-gray-wall_231208-9828.jpg",
},
{
name: "Taylor B.",
handle: "@taylorchic",
testimonial: "Best online shopping experience.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-indoors_23-2149445972.jpg",
},
{
name: "Casey K.",
handle: "@caseylook",
testimonial: "Simply beautiful, lasting pieces.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-white-manicure-covers-her-mouth-with-her-hand-looks-camera-coquettishly-snapshot-brunette-red-knitted-jacket_197531-26531.jpg",
},
{ name: "Alex R.", handle: "@alexstyle", testimonial: "The energy this clothing brings is unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg" },
{ name: "Jordan P.", handle: "@jordanmode", testimonial: "Perfect fit, absolute fire style.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-young-man-model-wearing-casual-summer-pink-clothes-fashion-stylish-man-posing-round-sunglasses_158538-5339.jpg" },
{ name: "Sam L.", handle: "@samminimal", testimonial: "Sophisticated designs that turn heads.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-attractive-woman-standing-gray-wall_231208-9828.jpg" }
]}
buttons={[
{
text: "Shop Now",
href: "#products",
},
{ text: "Shop the Flame", href: "#products" },
]}
imageSrc="http://img.b2bpic.net/free-photo/front-view-woman-yellow-posing_23-2148240006.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/pisces-portrait-beautiful-woman_23-2149275095.jpg",
alt: "Portrait of beautiful woman",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-indigenous-person-integrated-into-modern-life_23-2151102537.jpg",
alt: "Portrait of indigenous person",
},
{
src: "http://img.b2bpic.net/free-photo/full-shot-unknown-woman-posing_23-2149551296.jpg",
alt: "Full shot unknown woman",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-blue-light_23-2149478933.jpg",
alt: "Beautiful blonde woman",
},
{
src: "http://img.b2bpic.net/free-photo/happy-young-man-sitting-isolated-grey_171337-10568.jpg",
alt: "Happy young man",
},
]}
avatarText="Join 10,000+ satisfied customers"
marqueeItems={[
{
type: "text",
text: "Sustainable",
},
{
type: "text",
text: "Ethical",
},
{
type: "text",
text: "Timeless",
},
{
type: "text",
text: "Durable",
},
{
type: "text",
text: "Minimal",
},
]}
/>
</div>
@@ -161,18 +72,9 @@ export default function LandingPage() {
title="Designed for Longevity"
description="At MODA, we believe fashion should be slow, intentional, and kind to the planet. We partner with small-scale artisans who prioritize craft over speed."
bulletPoints={[
{
title: "Sustainable Fabrics",
description: "100% organic cotton and recycled materials.",
},
{
title: "Ethical Sourcing",
description: "Fair wages for every artisan we partner with.",
},
{
title: "Carbon Neutral",
description: "We offset every shipping mile for our items.",
},
{ title: "Sustainable Fabrics", description: "100% organic cotton and recycled materials." },
{ title: "Ethical Sourcing", description: "Fair wages for every artisan we partner with." },
{ title: "Carbon Neutral", description: "We offset every shipping mile for our items." },
]}
imageSrc="http://img.b2bpic.net/free-photo/woman-holding-phone-medium-shot_23-2148966883.jpg"
mediaAnimation="blur-reveal"
@@ -185,21 +87,9 @@ export default function LandingPage() {
title="Why Choose MODA?"
description="Our commitment to quality goes beyond the fabric."
accordionItems={[
{
id: "f1",
title: "Eco-friendly Materials",
content: "We use only GOTS certified cotton.",
},
{
id: "f2",
title: "Worldwide Shipping",
content: "Fast, carbon-neutral shipping everywhere.",
},
{
id: "f3",
title: "24/7 Support",
content: "Our team is here to help anytime.",
},
{ id: "f1", title: "Eco-friendly Materials", content: "We use only GOTS certified cotton." },
{ id: "f2", title: "Worldwide Shipping", content: "Fast, carbon-neutral shipping everywhere." },
{ id: "f3", title: "24/7 Support", content: "Our team is here to help anytime." },
]}
imageSrc="http://img.b2bpic.net/free-photo/new-pullover_1098-16130.jpg"
mediaAnimation="slide-up"
@@ -213,44 +103,11 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Essential Tee",
price: "$45",
imageSrc: "http://img.b2bpic.net/free-photo/modern-interracial-young-couple-wearing-sunglasses-looking-camera_23-2148151749.jpg",
},
{
id: "p2",
name: "Classic Denim",
price: "$120",
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing_176474-21131.jpg",
},
{
id: "p3",
name: "Leather Tote",
price: "$250",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-grey-brown-rucksack_181624-19122.jpg",
},
{
id: "p4",
name: "Silver Watch",
price: "$180",
imageSrc: "http://img.b2bpic.net/free-photo/male-self-care-items-arrangement_23-2150347137.jpg",
},
{
id: "p5",
name: "Daily Runner",
price: "$140",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-casual-suit-using-wireless-headphones-outdoor_624325-3660.jpg",
},
{
id: "p6",
name: "Silk Scarf",
price: "$65",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-monochromatic-cloths_23-2148770334.jpg",
},
{ id: "p1", name: "Essential Tee", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/modern-interracial-young-couple-wearing-sunglasses-looking-camera_23-2148151749.jpg" },
{ id: "p2", name: "Classic Denim", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing_176474-21131.jpg" },
{ id: "p3", name: "Leather Tote", price: "$250", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-grey-brown-rucksack_181624-19122.jpg" },
]}
title="Our Collection"
title="The Core Collection"
description="Fresh designs for your daily rotation."
/>
</div>
@@ -259,119 +116,63 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={[
"Vogue",
"Harper's Bazaar",
"GQ",
"Kinfolk",
"Elle",
"Cosmopolitan",
"Monocle",
]}
names={["Vogue", "Harper's Bazaar", "GQ", "Kinfolk", "Elle"]}
title="Trusted by Creators Everywhere"
description="Featured in leading fashion publications."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
<TestimonialCardFive
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah J.",
imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-have-rest-summer-park_1157-20797.jpg",
},
{
id: "t2",
name: "Mike D.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-joyful-bearded-man_171337-4808.jpg",
},
{
id: "t3",
name: "Elena V.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting_23-2149213193.jpg",
},
{
id: "t4",
name: "James L.",
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-walks-paris-concept-happy-travel-photo_1321-3488.jpg",
},
{
id: "t5",
name: "Maria C.",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-pale-woman-with-classic-makeup-polka-dot-skirt-light-top-red-shirt-stylish-accessories-posing-against-vintage-white-golden-background-looking-away_197531-28143.jpg",
},
]}
cardTitle="Client Stories"
cardTag="Reviews"
title="Voices of the Flame"
description="What our community has to say about the movement."
textboxLayout="split"
cardAnimation="blur-reveal"
testimonials={[
{ id: "t1", name: "Sarah J.", date: "Oct 2024", title: "Style Enthusiast", quote: "The best purchase I've made this year. So elegant!", tag: "Essential", avatarSrc: "http://img.b2bpic.net/free-photo/cute-girl-have-rest-summer-park_1157-20797.jpg" },
{ id: "t2", name: "Mike D.", date: "Nov 2024", title: "Minimalist", quote: "Quality you can actually feel. Truly premium.", tag: "Quality", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-joyful-bearded-man_171337-4808.jpg" },
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
<FaqSplitMedia
useInvertedBackground={true}
title="Frequently Asked"
description="Curious about the craft? Find your answers here."
faqs={[
{
id: "q1",
title: "What is your return policy?",
content: "You can return items within 30 days.",
},
{
id: "q2",
title: "Do you offer international shipping?",
content: "Yes, we ship to over 50 countries.",
},
{
id: "q3",
title: "Are your products ethical?",
content: "Yes, we prioritize fair trade.",
},
{ id: "q1", title: "What is your return policy?", content: "You have 30 days to return, no questions asked." },
{ id: "q2", title: "Do you ship internationally?", content: "Yes, we deliver the fire worldwide." },
{ id: "q3", title: "Is it sustainable?", content: "Always. We are committed to a zero-waste future." },
]}
sideTitle="Frequently Asked"
sideDescription="Everything you need to know."
imageSrc="http://img.b2bpic.net/free-photo/new-pullover_1098-16130.jpg"
faqsAnimation="slide-up"
textboxLayout="split"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
<ContactSplit
tag="Connect"
title="Ready to join the revolution?"
description="Get notified for our latest drops and exclusive access to the flame collection."
buttonText="Sign up for the fire"
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
tag="Get in touch"
title="Need a Personal Stylist?"
description="Our team is ready to help you find your next perfect look."
buttons={[
{
text: "Contact Support",
href: "#",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
<FooterLogoEmphasis
logoText="MODA"
copyrightText="© 2025 MODA. All rights reserved."
socialLinks={[
{
icon: Instagram,
href: "https://instagram.com",
ariaLabel: "Instagram",
},
{
icon: Twitter,
href: "https://twitter.com",
ariaLabel: "Twitter",
},
columns={[
{ items: [{ label: "Shop" }, { label: "Our Story" }, { label: "Contact" }] },
{ items: [{ label: "Terms" }, { label: "Privacy" }, { label: "Returns" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f5f5f5;
--card: #ffffff;
--foreground: #1c1c1c;
--primary-cta: #1c1c1c;
--background: #050505;
--card: #101010;
--foreground: #f5f5f5;
--primary-cta: #7f1d1d;
--primary-cta-text: #f5f5f5;
--secondary-cta: #ffffff;
--secondary-cta: #1f0a0a;
--secondary-cta-text: #1c1c1c;
--accent: #6139e6;
--background-accent: #b3a8e8;
--accent: #ea580c;
--background-accent: #450a0a;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);