bender/0899d0b2-d5df-4454-a5dd-5e89b551ea8c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-05-19 19:03:11 +00:00
parent f9500873f1 3c7f1bd22b
commit c396dfb2a1
1 changed files with 52 additions and 212 deletions
Download Patch File Download Diff File Expand all files Collapse all files

264
src/app/page.tsx
View File

@@ -2,10 +2,10 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
@@ -32,21 +32,13 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "Products",
id: "#products",
},
name: "Products", id: "#products"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
]}
brandName="Grande Taille et Plus"
/>
@@ -55,15 +47,12 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Grande Taille et Plus"
description="Redefining style with a collection curated for men who appreciate quality, comfort, and a perfect fit. Discover modern fashion that celebrates you."
buttons={[
{
text: "Shop Collection",
href: "#products",
},
text: "Shop Collection", href: "#products"},
]}
imageSrc="http://img.b2bpic.net/free-photo/portrait-older-man-posing-stairs-outdoors-city_23-2148991137.jpg"
imageAlt="elegant men's fashion portrait"
@@ -77,17 +66,11 @@ export default function LandingPage() {
description="We believe fashion should fit your lifestyle. Every piece in our collection is designed to offer maximum confidence and comfort without compromising on style."
metrics={[
{
value: "500+",
title: "Products",
},
value: "500+", title: "Products"},
{
value: "10k+",
title: "Happy Customers",
},
value: "10k+", title: "Happy Customers"},
{
value: "20+",
title: "Years Experience",
},
value: "20+", title: "Years Experience"},
]}
imageSrc="http://img.b2bpic.net/free-photo/shiny-silk-fabric_53876-89549.jpg"
mediaAnimation="slide-up"
@@ -103,23 +86,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Premium Fabrics",
description: "Breathable and durable materials.",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478947.jpg",
imageAlt: "mens formal shirt plus size",
},
title: "Premium Fabrics", description: "Breathable and durable materials.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478947.jpg", imageAlt: "mens formal shirt plus size"},
{
title: "Tailored Fit",
description: "Engineered for your body shape.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-girl-black-coat-intently-looking-away-beautiful-city-street_574295-1879.jpg",
imageAlt: "mens jacket classic fit",
},
title: "Tailored Fit", description: "Engineered for your body shape.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-girl-black-coat-intently-looking-away-beautiful-city-street_574295-1879.jpg", imageAlt: "mens jacket classic fit"},
{
title: "Modern Styles",
description: "Latest trends in inclusive fashion.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-relaxing-outdoors-with-coffee_23-2148682676.jpg",
imageAlt: "mens comfortable trousers",
},
title: "Modern Styles", description: "Latest trends in inclusive fashion.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-relaxing-outdoors-with-coffee_23-2148682676.jpg", imageAlt: "mens comfortable trousers"},
]}
title="Designed for Comfort"
description="Why our customers choose us for their daily wardrobe."
@@ -134,65 +105,23 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
brand: "Grande",
name: "Formal Shirt",
price: "$89",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-blond-young-man-posing_158595-2482.jpg",
imageAlt: "mens formal shirt plus size",
},
id: "p1", brand: "Grande", name: "Formal Shirt", price: "$89", rating: 5,
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/handsome-blond-young-man-posing_158595-2482.jpg", imageAlt: "mens formal shirt plus size"},
{
id: "p2",
brand: "Grande",
name: "Modern Jacket",
price: "$150",
rating: 5,
reviewCount: "85",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-woman-black-jacket-woman-standing-forest-snowy-day_1157-46086.jpg",
imageAlt: "mens jacket classic fit",
},
id: "p2", brand: "Grande", name: "Modern Jacket", price: "$150", rating: 5,
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-woman-black-jacket-woman-standing-forest-snowy-day_1157-46086.jpg", imageAlt: "mens jacket classic fit"},
{
id: "p3",
brand: "Grande",
name: "Daily Trousers",
price: "$75",
rating: 4,
reviewCount: "210",
imageSrc: "http://img.b2bpic.net/free-photo/man-casual-outfits-going-up-stairs_114579-11469.jpg",
imageAlt: "mens comfortable trousers",
},
id: "p3", brand: "Grande", name: "Daily Trousers", price: "$75", rating: 4,
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/man-casual-outfits-going-up-stairs_114579-11469.jpg", imageAlt: "mens comfortable trousers"},
{
id: "p4",
brand: "Grande",
name: "Premium Polo",
price: "$60",
rating: 5,
reviewCount: "150",
imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-model-xxl-orange-dress-looking-mobile-phone_627829-4174.jpg",
imageAlt: "mens designer polo shirt",
},
id: "p4", brand: "Grande", name: "Premium Polo", price: "$60", rating: 5,
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-model-xxl-orange-dress-looking-mobile-phone_627829-4174.jpg", imageAlt: "mens designer polo shirt"},
{
id: "p5",
brand: "Grande",
name: "Classic Scarf",
price: "$40",
rating: 5,
reviewCount: "40",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-wearing-winter-ear-muffs_23-2148795488.jpg",
imageAlt: "mens accessory scarf",
},
id: "p5", brand: "Grande", name: "Classic Scarf", price: "$40", rating: 5,
reviewCount: "40", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-wearing-winter-ear-muffs_23-2148795488.jpg", imageAlt: "mens accessory scarf"},
{
id: "p6",
brand: "Grande",
name: "Leather Belt",
price: "$55",
rating: 4,
reviewCount: "95",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-model-man-stylish-summer-clothes-posing-hat-with-bag_158538-14820.jpg",
imageAlt: "mens leather belt formal",
},
id: "p6", brand: "Grande", name: "Leather Belt", price: "$55", rating: 4,
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-model-man-stylish-summer-clothes-posing-hat-with-bag_158538-14820.jpg", imageAlt: "mens leather belt formal"},
]}
title="Featured Collection"
description="Essential wardrobe pieces for the modern gentleman."
@@ -206,20 +135,11 @@ export default function LandingPage() {
tag="Milestones"
metrics={[
{
id: "m1",
value: "100%",
description: "Customer Satisfaction",
},
id: "m1", value: "100%", description: "Customer Satisfaction"},
{
id: "m2",
value: "50",
description: "Exclusive Styles",
},
id: "m2", value: "50", description: "Exclusive Styles"},
{
id: "m3",
value: "1000+",
description: "Monthly Orders",
},
id: "m3", value: "1000+", description: "Monthly Orders"},
]}
metricsAnimation="slide-up"
/>
@@ -232,50 +152,20 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Marc L.",
handle: "@marcl",
testimonial: "Finally, clothes that fit perfectly and look great.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg",
imageAlt: "happy customer portrait",
},
id: "t1", name: "Marc L.", handle: "@marcl", testimonial: "Finally, clothes that fit perfectly and look great.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg", imageAlt: "happy customer portrait"},
{
id: "t2",
name: "Jean-Paul D.",
handle: "@jp",
testimonial: "Excellent quality and fast delivery.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-white-clothes-smiling_23-2148056219.jpg",
imageAlt: "confident man portrait",
},
id: "t2", name: "Jean-Paul D.", handle: "@jp", testimonial: "Excellent quality and fast delivery.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-white-clothes-smiling_23-2148056219.jpg", imageAlt: "confident man portrait"},
{
id: "t3",
name: "Thomas G.",
handle: "@tg",
testimonial: "Great experience, will definitely order again.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait-with-flowers_23-2148830404.jpg",
imageAlt: "stylish man portrait",
},
id: "t3", name: "Thomas G.", handle: "@tg", testimonial: "Great experience, will definitely order again.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait-with-flowers_23-2148830404.jpg", imageAlt: "stylish man portrait"},
{
id: "t4",
name: "Alex B.",
handle: "@alexb",
testimonial: "The best selection of plus size men's wear.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-brunette-woman-white-t-shirt-denim-pink-jacket-posing-with-smile-cute-bar_197531-17038.jpg",
imageAlt: "relaxed man portrait",
},
id: "t4", name: "Alex B.", handle: "@alexb", testimonial: "The best selection of plus size men's wear.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-brunette-woman-white-t-shirt-denim-pink-jacket-posing-with-smile-cute-bar_197531-17038.jpg", imageAlt: "relaxed man portrait"},
{
id: "t5",
name: "Sam R.",
handle: "@samr",
testimonial: "Comfort meets style, highly recommended.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/party-girl-with-yellow-color-effect_23-2147635310.jpg",
imageAlt: "happy customer portrait",
},
id: "t5", name: "Sam R.", handle: "@samr", testimonial: "Comfort meets style, highly recommended.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/party-girl-with-yellow-color-effect_23-2147635310.jpg", imageAlt: "happy customer portrait"},
]}
showRating={true}
title="Customer Stories"
@@ -289,20 +179,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Shipping times?",
content: "Usually 3-5 business days.",
},
id: "f1", title: "Shipping times?", content: "Usually 3-5 business days."},
{
id: "f2",
title: "Easy returns?",
content: "Yes, 30 days hassle-free.",
},
id: "f2", title: "Easy returns?", content: "Yes, 30 days hassle-free."},
{
id: "f3",
title: "Size guide?",
content: "Check our detailed chart on product pages.",
},
id: "f3", title: "Size guide?", content: "Check our detailed chart on product pages."},
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-portrait-grinning-old-fashioned-man-grandfather-with-clock_1157-39167.jpg"
title="Need Help?"
@@ -314,65 +195,24 @@ export default function LandingPage() {
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "plain",
}}
tag="Contact Us"
<ContactSplitForm
title="Ready to Upgrade Your Style?"
description="Our team is here to assist you with any questions."
buttons={[
{
text: "Contact Support",
href: "#",
},
inputs={[
{ name: "name", type: "text", placeholder: "Name" },
{ name: "email", type: "email", placeholder: "Email" }
]}
textarea={{ name: "message", placeholder: "How can we help?" }}
useInvertedBackground={true}
buttonText="Get in Touch"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/woman-buying-stuff-decoration-store_1303-24636.jpg"
<FooterLogoReveal
logoText="Grande Taille et Plus"
columns={[
{
title: "Shop",
items: [
{
label: "All",
href: "#products",
},
{
label: "Tops",
href: "#",
},
{
label: "Bottoms",
href: "#",
},
],
},
{
title: "Support",
items: [
{
label: "Returns",
href: "#",
},
{
label: "Shipping",
href: "#",
},
{
label: "Contact",
href: "#",
},
],
},
]}
copyrightText="© 2025 Grande Taille et Plus | All Rights Reserved"
imageAlt="fashion brand storefront"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Contact Us", href: "#contact" }}
/>
</div>
</ReactLenis>