Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
262
src/app/page.tsx
262
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
name: "Our Story", id: "about"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="T-Wear"
|
||||
/>
|
||||
@@ -56,100 +48,57 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Timeless Comfort, Every Day."
|
||||
description="Premium cotton T-shirts designed for the perfect fit and lasting quality. Elevate your essentials today."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@alexr",
|
||||
testimonial: "The best fit I have ever found. Super soft material.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman-enjoying-nature_23-2148574713.jpg",
|
||||
},
|
||||
name: "Alex R.", handle: "@alexr", testimonial: "The best fit I have ever found. Super soft material.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman-enjoying-nature_23-2148574713.jpg"},
|
||||
{
|
||||
name: "Jordan P.",
|
||||
handle: "@jp_fashion",
|
||||
testimonial: "Great quality that lasts wash after wash.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-wearing-total-denim-outfit_23-2150105187.jpg",
|
||||
},
|
||||
name: "Jordan P.", handle: "@jp_fashion", testimonial: "Great quality that lasts wash after wash.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-wearing-total-denim-outfit_23-2150105187.jpg"},
|
||||
{
|
||||
name: "Sam L.",
|
||||
handle: "@samstyle",
|
||||
testimonial: "Absolutely love the minimalist designs.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-glasses-with-paper-bags_23-2147669707.jpg",
|
||||
},
|
||||
name: "Sam L.", handle: "@samstyle", testimonial: "Absolutely love the minimalist designs.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-glasses-with-paper-bags_23-2147669707.jpg"},
|
||||
{
|
||||
name: "Casey M.",
|
||||
handle: "@caseym",
|
||||
testimonial: "Finally, a shirt that keeps its shape.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-female-trendy-summer-clothes-sexy-carefree-woman-posing-near-blue-wall-studio-positive-brunette-model-having-fun-going-crazy-cheerful-happy_158538-20367.jpg",
|
||||
},
|
||||
name: "Casey M.", handle: "@caseym", testimonial: "Finally, a shirt that keeps its shape.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-female-trendy-summer-clothes-sexy-carefree-woman-posing-near-blue-wall-studio-positive-brunette-model-having-fun-going-crazy-cheerful-happy_158538-20367.jpg"},
|
||||
{
|
||||
name: "Drew T.",
|
||||
handle: "@drewt",
|
||||
testimonial: "Super comfy. Ordering more right now.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wardrobe-renovation-winter_23-2149183929.jpg",
|
||||
},
|
||||
name: "Drew T.", handle: "@drewt", testimonial: "Super comfy. Ordering more right now.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wardrobe-renovation-winter_23-2149183929.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/girl-enjoying-nice-weather-chilling-making-photos-social-network-touching-curly-hair-gently_1258-253950.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/girl-enjoying-nice-weather-chilling-making-photos-social-network-touching-curly-hair-gently_1258-253950.jpg"
|
||||
imageAlt="model wearing trendy white tshirt studio"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-attractive-african-american-woman-with-trendy-glasses-posting-yellow-studio-background-copy-space_1258-937.jpg",
|
||||
alt: "Beautiful attractive African American woman with trendy glasses posting over yellow studio background. Copy Space.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-attractive-african-american-woman-with-trendy-glasses-posting-yellow-studio-background-copy-space_1258-937.jpg", alt: "Beautiful attractive African American woman with trendy glasses posting over yellow studio background. Copy Space."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-cheerful-woman-sunglasses-posing-with-skateboard-while-standing-white-wall_231208-9660.jpg",
|
||||
alt: "Portrait of a happy cheerful woman in sunglasses posing with skateboard while standing over white wall",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-cheerful-woman-sunglasses-posing-with-skateboard-while-standing-white-wall_231208-9660.jpg", alt: "Portrait of a happy cheerful woman in sunglasses posing with skateboard while standing over white wall"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-smiling-hipster-man-posing-studio_158538-25652.jpg",
|
||||
alt: "Handsome smiling hipster man posing in studio",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-smiling-hipster-man-posing-studio_158538-25652.jpg", alt: "Handsome smiling hipster man posing in studio"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-sexy-smiling-hipster-woman-sunglasses-trendy-girl-summer-t-shirt-shorts-positive-female-with-blue-penny-skateboard-posing-street-background_158538-16159.jpg",
|
||||
alt: "Young beautiful sexy smiling hipster woman in sunglasses.Trendy girl in summer T-shirt and shorts.Positive female with blue penny skateboard posing on the street background",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-sexy-smiling-hipster-woman-sunglasses-trendy-girl-summer-t-shirt-shorts-positive-female-with-blue-penny-skateboard-posing-street-background_158538-16159.jpg", alt: "Young beautiful sexy smiling hipster woman in sunglasses.Trendy girl in summer T-shirt and shorts.Positive female with blue penny skateboard posing on the street background"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-enjoying-nice-weather-chilling-making-photos-social-network-touching-curly-hair-gently_1258-253950.jpg",
|
||||
alt: "mature person smiling wearing shirt",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/girl-enjoying-nice-weather-chilling-making-photos-social-network-touching-curly-hair-gently_1258-253950.jpg", alt: "mature person smiling wearing shirt"},
|
||||
]}
|
||||
avatarText="Join 10,000+ happy customers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "100% Organic Cotton",
|
||||
},
|
||||
type: "text", text: "100% Organic Cotton"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Manufacturing",
|
||||
},
|
||||
type: "text", text: "Sustainable Manufacturing"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Worldwide Shipping",
|
||||
},
|
||||
type: "text", text: "Worldwide Shipping"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fair Wage Production",
|
||||
},
|
||||
type: "text", text: "Fair Wage Production"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Everyday Essentials",
|
||||
},
|
||||
type: "text", text: "Premium Everyday Essentials"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -159,7 +108,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Crafted for Excellence"
|
||||
description="We believe basics should never be boring. Our T-shirts are ethically sourced, hand-finished, and built to survive the wear and tear of your daily adventures."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woven-gray-textile-background_53876-89463.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woven-gray-textile-background_53876-89463.jpg"
|
||||
imageAlt="high quality textile fabric textures"
|
||||
/>
|
||||
</div>
|
||||
@@ -172,41 +121,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic White",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-hands-waist-white-t-shirt-black-pants-looking-serious_176474-84121.jpg",
|
||||
},
|
||||
id: "p1", name: "Classic White", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-hands-waist-white-t-shirt-black-pants-looking-serious_176474-84121.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Essential Black",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/guy-with-long-hair-black-t-shirt-points-fingers-down-white-wall_141793-26642.jpg",
|
||||
},
|
||||
id: "p2", name: "Essential Black", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/guy-with-long-hair-black-t-shirt-points-fingers-down-white-wall_141793-26642.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Navy Blue",
|
||||
price: "$28",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-man-t-shirt-keeping-hands-aggressive-manner-looking-annoyed-front-view_176474-64650.jpg",
|
||||
},
|
||||
id: "p3", name: "Navy Blue", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/brunette-man-t-shirt-keeping-hands-aggressive-manner-looking-annoyed-front-view_176474-64650.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Heather Grey",
|
||||
price: "$28",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stunned-funny-attractive-caucasian-man-with-bristle-glasses-dropping-jaw-staring-shook-amazed-standing-like-puppet-white-wall_176420-23378.jpg",
|
||||
},
|
||||
id: "p4", name: "Heather Grey", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/stunned-funny-attractive-caucasian-man-with-bristle-glasses-dropping-jaw-staring-shook-amazed-standing-like-puppet-white-wall_176420-23378.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Olive Green",
|
||||
price: "$30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inspired-woman-yellow-sunglasses-posing-with-eyes-closed-sky-background_197531-20768.jpg",
|
||||
},
|
||||
id: "p5", name: "Olive Green", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/inspired-woman-yellow-sunglasses-posing-with-eyes-closed-sky-background_197531-20768.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Maroon Red",
|
||||
price: "$30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-angry-man_23-2148946279.jpg",
|
||||
},
|
||||
id: "p6", name: "Maroon Red", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/front-view-angry-man_23-2148946279.jpg"},
|
||||
]}
|
||||
title="Our Collection"
|
||||
description="Choose your perfect color and style from our premium range of essentials."
|
||||
@@ -220,28 +145,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "100% Cotton",
|
||||
description: "Breathable, natural, and soft against your skin.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: CheckCircle,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interesting-knitting-pattern-textile_23-2148413359.jpg",
|
||||
imageAlt: "Interesting knitting pattern in textile",
|
||||
title: "100% Cotton", description: "Breathable, natural, and soft against your skin.", bentoComponent: "reveal-icon", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
title: "Preshrunk",
|
||||
description: "Maintains its perfect fit after every single wash.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-enjoying-nice-weather-chilling-making-photos-social-network-touching-curly-hair-gently_1258-253950.jpg?_wi=2",
|
||||
imageAlt: "Interesting knitting pattern in textile",
|
||||
title: "Preshrunk", description: "Maintains its perfect fit after every single wash.", bentoComponent: "reveal-icon", icon: Shield,
|
||||
},
|
||||
{
|
||||
title: "Ethically Made",
|
||||
description: "Produced with fair wages and sustainable practices.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Award,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woven-gray-textile-background_53876-89463.jpg?_wi=2",
|
||||
imageAlt: "Interesting knitting pattern in textile",
|
||||
title: "Ethically Made", description: "Produced with fair wages and sustainable practices.", bentoComponent: "reveal-icon", icon: Award,
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
@@ -254,14 +164,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Vogue",
|
||||
"GQ",
|
||||
"Hypebeast",
|
||||
"Esquire",
|
||||
"Highsnobiety",
|
||||
"Complex",
|
||||
"WhoWhatWear",
|
||||
]}
|
||||
"Vogue", "GQ", "Hypebeast", "Esquire", "Highsnobiety", "Complex", "WhoWhatWear"]}
|
||||
title="Trusted by Thousands"
|
||||
description="Fashion leaders and style enthusiasts choose our brand for the perfect fit."
|
||||
/>
|
||||
@@ -275,45 +178,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
role: "Creative Director",
|
||||
company: "Studio X",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-smiling-showing-thumbs-up-with-both-hands-standing-pink-wall_141793-29305.jpg",
|
||||
},
|
||||
id: "t1", name: "Alex R.", role: "Creative Director", company: "Studio X", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-smiling-showing-thumbs-up-with-both-hands-standing-pink-wall_141793-29305.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jordan P.",
|
||||
role: "Architect",
|
||||
company: "Build Lab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cowboy-silhouette-against-warm-light_23-2149334101.jpg",
|
||||
},
|
||||
id: "t2", name: "Jordan P.", role: "Architect", company: "Build Lab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cowboy-silhouette-against-warm-light_23-2149334101.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sam L.",
|
||||
role: "Designer",
|
||||
company: "Urban Co",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-brunette-model-dressed-summer-hipster-jacket-jeans-clothes-near-wall-funny-positive-woman-showing-peace-sign_158538-1624.jpg",
|
||||
},
|
||||
id: "t3", name: "Sam L.", role: "Designer", company: "Urban Co", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-brunette-model-dressed-summer-hipster-jacket-jeans-clothes-near-wall-funny-positive-woman-showing-peace-sign_158538-1624.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Casey M.",
|
||||
role: "Photographer",
|
||||
company: "Snap Inc",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-posing-winter-autumn-fashion-trend-puffer-coat-hat-beret-against-orange-wall-street-wearing-colorful-printed-shoes_285396-6909.jpg",
|
||||
},
|
||||
id: "t4", name: "Casey M.", role: "Photographer", company: "Snap Inc", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-posing-winter-autumn-fashion-trend-puffer-coat-hat-beret-against-orange-wall-street-wearing-colorful-printed-shoes_285396-6909.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Drew T.",
|
||||
role: "Marketing",
|
||||
company: "Growth Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-adult-woman-pointing-fingers-down-smiling-looking-banner-showing-advertisement-found-smth-standing-beige-background_1258-300167.jpg",
|
||||
},
|
||||
id: "t5", name: "Drew T.", role: "Marketing", company: "Growth Group", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-adult-woman-pointing-fingers-down-smiling-looking-banner-showing-advertisement-found-smth-standing-beige-background_1258-300167.jpg"},
|
||||
]}
|
||||
title="Loved by Style Enthusiasts"
|
||||
description="Hear what our community has to say about their new favorite wardrobe staple."
|
||||
@@ -326,20 +204,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you ship internationally?",
|
||||
content: "Yes, we ship to over 50 countries worldwide.",
|
||||
},
|
||||
id: "q1", title: "Do you ship internationally?", content: "Yes, we ship to over 50 countries worldwide."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What is the return policy?",
|
||||
content: "We offer free returns within 30 days of purchase.",
|
||||
},
|
||||
id: "q2", title: "What is the return policy?", content: "We offer free returns within 30 days of purchase."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How do I choose my size?",
|
||||
content: "Check our size guide on each product page for detailed measurements.",
|
||||
},
|
||||
id: "q3", title: "How do I choose my size?", content: "Check our size guide on each product page for detailed measurements."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cheerful-woman-talking-cell-while-choosing-clothes-browsing-dresses-rack-fashion-store-medium-shot-boutique-customer-retail-concept_74855-11615.jpg"
|
||||
title="Common Questions"
|
||||
@@ -352,16 +221,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get In Touch"
|
||||
title="Need Help With Your Order?"
|
||||
description="Our customer support team is here to assist you with any questions."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Support", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -372,29 +238,19 @@ export default function LandingPage() {
|
||||
logoText="T-Wear"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#",
|
||||
},
|
||||
label: "New Arrivals", href: "#"},
|
||||
{
|
||||
label: "Best Sellers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Best Sellers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact Us", href: "#"},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Returns", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user