Merge version_1 into main #2
175
src/app/page.tsx
175
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { CheckCircle, Zap, Shield } from "lucide-react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
@@ -30,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="MODERNSTITCH"
|
||||
/>
|
||||
@@ -53,47 +46,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Unmatched Streetwear Essentials."
|
||||
description="Redefining comfort with high-quality, sustainably sourced cotton and bold urban design. Elevate your daily rotation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop New Arrivals", href: "#products"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-studio_23-2149429028.jpg?_wi=1",
|
||||
imageAlt: "Model in stylish urban t-shirt",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-studio_23-2149429028.jpg", imageAlt: "Model in stylish urban t-shirt"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cotton-plants-still-life_23-2151158812.jpg?_wi=1",
|
||||
imageAlt: "Close up fabric texture",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/cotton-plants-still-life_23-2151158812.jpg", imageAlt: "Close up fabric texture"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-diy-hand-painted-t-shirt_23-2150564435.jpg?_wi=1",
|
||||
imageAlt: "Neatly folded collection",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/view-diy-hand-painted-t-shirt_23-2150564435.jpg", imageAlt: "Neatly folded collection"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453466.jpg",
|
||||
imageAlt: "Street fashion oversized tee",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453466.jpg", imageAlt: "Street fashion oversized tee"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-beautiful-african-american-woman-posing-black-leather-jacket-pants-street_627829-12431.jpg",
|
||||
imageAlt: "Elegant portrait",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-beautiful-african-american-woman-posing-black-leather-jacket-pants-street_627829-12431.jpg", imageAlt: "Elegant portrait"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lgbtq-word-with-beads_53876-101470.jpg",
|
||||
imageAlt: "Custom graphic design close up",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/lgbtq-word-with-beads_53876-101470.jpg", imageAlt: "Custom graphic design close up"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -104,26 +76,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Durability",
|
||||
description: "100% organic cotton built to maintain shape and softness wash after wash.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-studio_23-2149429028.jpg?_wi=2",
|
||||
imageAlt: "model wearing t-shirt photography studio",
|
||||
},
|
||||
title: "Premium Durability", description: "100% organic cotton built to maintain shape and softness wash after wash.", buttonIcon: CheckCircle,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-studio_23-2149429028.jpg", imageAlt: "model wearing t-shirt photography studio"},
|
||||
{
|
||||
title: "Fast Shipping",
|
||||
description: "Reliable delivery straight to your doorstep within 3-5 business days.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cotton-plants-still-life_23-2151158812.jpg?_wi=2",
|
||||
imageAlt: "t-shirt fabric texture close up",
|
||||
},
|
||||
title: "Fast Shipping", description: "Reliable delivery straight to your doorstep within 3-5 business days.", buttonIcon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cotton-plants-still-life_23-2151158812.jpg", imageAlt: "t-shirt fabric texture close up"},
|
||||
{
|
||||
title: "Sustainable Ethics",
|
||||
description: "Ethically produced with respect for our people and the planet.",
|
||||
buttonIcon: "Shield",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-diy-hand-painted-t-shirt_23-2150564435.jpg?_wi=2",
|
||||
imageAlt: "folded t-shirts flat lay streetwear",
|
||||
},
|
||||
title: "Sustainable Ethics", description: "Ethically produced with respect for our people and the planet.", buttonIcon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-diy-hand-painted-t-shirt_23-2150564435.jpg", imageAlt: "folded t-shirts flat lay streetwear"},
|
||||
]}
|
||||
title="Why Choose ModernStitch?"
|
||||
description="We don't just sell apparel; we craft everyday experiences that stand the test of time."
|
||||
@@ -138,26 +98,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Noir Tee",
|
||||
price: "$35",
|
||||
variant: "Black",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-dressed-black-posing_273609-14201.jpg",
|
||||
},
|
||||
id: "p1", name: "Classic Noir Tee", price: "$35", variant: "Black", imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-dressed-black-posing_273609-14201.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Essential Blanc Tee",
|
||||
price: "$35",
|
||||
variant: "White",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-man-holding-his-skateboard-while-walking-stairs_23-2149003793.jpg",
|
||||
},
|
||||
id: "p2", name: "Essential Blanc Tee", price: "$35", variant: "White", imageSrc: "http://img.b2bpic.net/free-photo/asian-man-holding-his-skateboard-while-walking-stairs_23-2149003793.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Urban Graphic Tee",
|
||||
price: "$45",
|
||||
variant: "Graphic",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/vintage-label-design-with-lettering-composition-dark_1284-43717.jpg",
|
||||
},
|
||||
id: "p3", name: "Urban Graphic Tee", price: "$45", variant: "Graphic", imageSrc: "http://img.b2bpic.net/free-vector/vintage-label-design-with-lettering-composition-dark_1284-43717.jpg"},
|
||||
]}
|
||||
title="Our Latest Collection"
|
||||
description="Explore our curated selection of premium graphic and plain tees."
|
||||
@@ -169,14 +114,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Fashion Daily",
|
||||
"Urban Trends",
|
||||
"Style Hub",
|
||||
"Streetwear Insider",
|
||||
"Culture Mag",
|
||||
"Daily Apparel",
|
||||
"Trend Setter",
|
||||
]}
|
||||
"Fashion Daily", "Urban Trends", "Style Hub", "Streetwear Insider", "Culture Mag", "Daily Apparel", "Trend Setter"]}
|
||||
title="Seen In"
|
||||
description="Featured in leading fashion platforms across the globe."
|
||||
/>
|
||||
@@ -190,25 +128,15 @@ export default function LandingPage() {
|
||||
author="Jordan M."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-carefree-teenage-girl-with-bun-hairstyle-looks-happily-away-wears-stylish-green-costume-white-boots-blue-eyeliner-feels-good-poses-against-grey-concrete-wall-urban-lifestyle-concept_273609-57790.jpg",
|
||||
alt: "Customer Sarah",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positive-carefree-teenage-girl-with-bun-hairstyle-looks-happily-away-wears-stylish-green-costume-white-boots-blue-eyeliner-feels-good-poses-against-grey-concrete-wall-urban-lifestyle-concept_273609-57790.jpg", alt: "Customer Sarah"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-woman-red-dress-vacation_1303-10603.jpg",
|
||||
alt: "Customer Mike",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-woman-red-dress-vacation_1303-10603.jpg", alt: "Customer Mike"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-woman-looking-trendy-girl-casual-summer-hoodie-skirt-clothes_158538-1444.jpg",
|
||||
alt: "Customer Elena",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-woman-looking-trendy-girl-casual-summer-hoodie-skirt-clothes_158538-1444.jpg", alt: "Customer Elena"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashion-woman-casual-hipster-summer-clothes_158538-7825.jpg",
|
||||
alt: "Customer David",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/fashion-woman-casual-hipster-summer-clothes_158538-7825.jpg", alt: "Customer David"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-carefree-teenage-girl-with-bun-hairstyle-looks-happily-away-wears-stylish-green-costume-white-boots-blue-eyeliner-feels-good-poses-against-grey-concrete-wall-urban-lifestyle-concept_273609-57790.jpg",
|
||||
alt: "Customer Alex",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positive-carefree-teenage-girl-with-bun-hairstyle-looks-happily-away-wears-stylish-green-costume-white-boots-blue-eyeliner-feels-good-poses-against-grey-concrete-wall-urban-lifestyle-concept_273609-57790.jpg", alt: "Customer Alex"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -222,22 +150,14 @@ export default function LandingPage() {
|
||||
description="Have questions about bulk orders, wholesale, or our designs? Send us a message."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "How can we help?", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-trying-clothes-store_23-2148915562.jpg"
|
||||
@@ -250,42 +170,27 @@ export default function LandingPage() {
|
||||
logoText="MODERNSTITCH"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "All Products", href: "#products"},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
label: "New Arrivals", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Shipping Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping Policy", href: "#"},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Returns", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#features",
|
||||
},
|
||||
label: "About", href: "#features"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user