Merge version_1 into main #2
173
src/app/page.tsx
173
src/app/page.tsx
@@ -5,11 +5,10 @@ import ReactLenis from "lenis/react";
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Award, Leaf, Recycle, Users } from "lucide-react";
|
||||
import { Award, CheckCircle, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,17 +29,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Shop", id: "#products"},
|
||||
{
|
||||
name: "Quality",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Quality", id: "#about"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
]}
|
||||
brandName="Thread & Tailor"
|
||||
/>
|
||||
@@ -49,45 +42,24 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Timeless Style, Crafted for You"
|
||||
description="Discover our collection of premium t-shirts and shirts, designed for comfort and built to last. Elevated basics for the modern wardrobe."
|
||||
tag="New Season Arrivals"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-looking-camera-trendy-girl-casual-summer-white-t-shirt-jeans-shorts-round-sunglasses-positive-female-shows-facial-emotions-funny-model-isolated-blue_158538-15828.jpg",
|
||||
imageAlt: "Fashion Model",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-looking-camera-trendy-girl-casual-summer-white-t-shirt-jeans-shorts-round-sunglasses-positive-female-shows-facial-emotions-funny-model-isolated-blue_158538-15828.jpg", imageAlt: "Fashion Model"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-yarn_23-2148614703.jpg",
|
||||
imageAlt: "Fabric Texture",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-sunglasses-wearing-white-t-shirt-posing_158538-16703.jpg?_wi=1",
|
||||
imageAlt: "White T-Shirt",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-gorgeous-girl-lace-dress-bending-backward_7502-9033.jpg?_wi=1",
|
||||
imageAlt: "Elegant Shirt",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/playful-smiling-black-model-grey-jeans-plain-cotton-black-t-shirt-stool-isolated-white_346278-1017.jpg?_wi=1",
|
||||
imageAlt: "Charcoal Tee",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-yarn_23-2148614703.jpg", imageAlt: "Fabric Texture"}
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
ratingText="Rated 5.0 stars by 500+ happy customers"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Men",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Men", href: "#products"},
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Our Story", href: "#about"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -100,29 +72,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Classic Crewneck",
|
||||
price: "$35.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-sunglasses-wearing-white-t-shirt-posing_158538-16703.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Classic Crewneck", price: "$35.00", imageSrc: "http://img.b2bpic.net/free-photo/man-with-sunglasses-wearing-white-t-shirt-posing_158538-16703.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Oxford Button-Down",
|
||||
price: "$65.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-gorgeous-girl-lace-dress-bending-backward_7502-9033.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Oxford Button-Down", price: "$65.00", imageSrc: "http://img.b2bpic.net/free-photo/side-view-gorgeous-girl-lace-dress-bending-backward_7502-9033.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Charcoal V-Neck",
|
||||
price: "$38.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/playful-smiling-black-model-grey-jeans-plain-cotton-black-t-shirt-stool-isolated-white_346278-1017.jpg?_wi=2",
|
||||
},
|
||||
id: "3", name: "Charcoal V-Neck", price: "$38.00", imageSrc: "http://img.b2bpic.net/free-photo/playful-smiling-black-model-grey-jeans-plain-cotton-black-t-shirt-stool-isolated-white_346278-1017.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Linen Summer Shirt",
|
||||
price: "$75.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-sunglasses-wearing-white-t-shirt-posing_158538-16703.jpg?_wi=3",
|
||||
},
|
||||
id: "4", name: "Linen Summer Shirt", price: "$75.00", imageSrc: "http://img.b2bpic.net/free-photo/man-with-sunglasses-wearing-white-t-shirt-posing_158538-16703.jpg"},
|
||||
]}
|
||||
title="Our Collection"
|
||||
description="Handpicked selection of essential shirts and t-shirts to elevate your everyday look."
|
||||
@@ -135,22 +91,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Organic Fabrics",
|
||||
description: "100% GOTS certified cotton for ultimate breathability.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-hand-drawn-sustainable-fashion-infographic_23-2148825424.jpg",
|
||||
buttonIcon: "CheckCircle",
|
||||
title: "Organic Fabrics", description: "100% GOTS certified cotton for ultimate breathability.", imageSrc: "http://img.b2bpic.net/free-vector/flat-hand-drawn-sustainable-fashion-infographic_23-2148825424.jpg", buttonIcon: CheckCircle,
|
||||
},
|
||||
{
|
||||
title: "Expert Craftsmanship",
|
||||
description: "Reinforced seams designed for daily wear and tear.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-business-owners-preparing-their-store_23-2149300887.jpg",
|
||||
buttonIcon: "Award",
|
||||
title: "Expert Craftsmanship", description: "Reinforced seams designed for daily wear and tear.", imageSrc: "http://img.b2bpic.net/free-photo/young-business-owners-preparing-their-store_23-2149300887.jpg", buttonIcon: Award,
|
||||
},
|
||||
{
|
||||
title: "Carbon Neutral Shipping",
|
||||
description: "Delivered directly to your door with minimal impact.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-volunteers-with-donations_23-2149196125.jpg",
|
||||
buttonIcon: "Zap",
|
||||
title: "Carbon Neutral Shipping", description: "Delivered directly to your door with minimal impact.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-volunteers-with-donations_23-2149196125.jpg", buttonIcon: Zap,
|
||||
},
|
||||
]}
|
||||
title="Quality in Every Stitch"
|
||||
@@ -163,30 +110,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-with-dark-curly-hair-sitting-stairs-university-dreamily-looking-camera_574295-3942.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Alice M.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-with-dark-curly-hair-sitting-stairs-university-dreamily-looking-camera_574295-3942.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "James L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021805.jpg",
|
||||
},
|
||||
id: "2", name: "James L.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021805.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-with-dried-plants_23-2149591578.jpg",
|
||||
},
|
||||
id: "3", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-with-dried-plants_23-2149591578.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marcus D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-friend-assisting-middle-eastern-wheelchair-user-buying-new-clothes_482257-112830.jpg",
|
||||
},
|
||||
id: "4", name: "Marcus D.", imageSrc: "http://img.b2bpic.net/free-photo/asian-friend-assisting-middle-eastern-wheelchair-user-buying-new-clothes_482257-112830.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-with-dark-curly-hair-sitting-stairs-university-dreamily-looking-camera_574295-3942.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Sarah P.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-with-dark-curly-hair-sitting-stairs-university-dreamily-looking-camera_574295-3942.jpg"},
|
||||
]}
|
||||
cardTitle="What Customers Say"
|
||||
cardTag="Loved by thousands"
|
||||
@@ -194,74 +126,23 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Our Impact"
|
||||
description="Building a better future for the fashion industry one garment at a time."
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "10k+",
|
||||
title: "Happy Customers",
|
||||
description: "Joining the sustainable movement.",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "50+",
|
||||
title: "Artisans",
|
||||
description: "Crafting excellence daily.",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "100%",
|
||||
title: "Organic",
|
||||
description: "Certified quality materials.",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "0",
|
||||
title: "Waste",
|
||||
description: "Striving for zero impact.",
|
||||
icon: Recycle,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Brand",
|
||||
items: [
|
||||
title: "Brand", items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Our Story", href: "#about"},
|
||||
{
|
||||
label: "Sustainability",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sustainability", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user