Merge version_3 into main #1
248
src/app/page.tsx
248
src/app/page.tsx
@@ -10,7 +10,7 @@ import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Feather, Globe, Users } from "lucide-react";
|
||||
import { Award, Feather, Globe, Leaf, TShirt, Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,35 +31,23 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Collections", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "About Us", id: "about"},
|
||||
{
|
||||
name: "FAQs",
|
||||
id: "faq",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "FAQs", id: "faq"},
|
||||
]}
|
||||
brandName="StyleThread"
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
}}
|
||||
text: "Shop Now", href: "#products"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -67,19 +55,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
logoText="StyleThread"
|
||||
description="Discover your perfect tee. Express yourself with our unique and comfortable designs, crafted for every story."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop New Arrivals", href: "#products"},
|
||||
{
|
||||
text: "Explore Collections",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Explore Collections", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/shirt-mockup-concept-with-plain-clothing_23-2149448750.jpg"
|
||||
imageAlt="Collection of stylish T-shirts"
|
||||
@@ -95,40 +78,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "product-1",
|
||||
name: "Abstract Vision Tee",
|
||||
price: "$29.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-with-wavy-texture_23-2150169225.jpg",
|
||||
imageAlt: "Abstract art design t-shirt",
|
||||
},
|
||||
id: "product-1", name: "Abstract Vision Tee", price: "$29.99", imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-with-wavy-texture_23-2150169225.jpg", imageAlt: "Abstract art design t-shirt"},
|
||||
{
|
||||
id: "product-2",
|
||||
name: "Minimalist Comfort Tee",
|
||||
price: "$24.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-woman-beach_23-2148633028.jpg",
|
||||
imageAlt: "Minimalist white t-shirt",
|
||||
},
|
||||
id: "product-2", name: "Minimalist Comfort Tee", price: "$24.99", imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-woman-beach_23-2148633028.jpg", imageAlt: "Minimalist white t-shirt"},
|
||||
{
|
||||
id: "product-3",
|
||||
name: "Urban Explorer Tee",
|
||||
price: "$34.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/vintage-label-design-with-lettering-composition-dark_1284-52035.jpg",
|
||||
imageAlt: "Urban graphic design t-shirt",
|
||||
},
|
||||
id: "product-3", name: "Urban Explorer Tee", price: "$34.99", imageSrc: "http://img.b2bpic.net/free-vector/vintage-label-design-with-lettering-composition-dark_1284-52035.jpg", imageAlt: "Urban graphic design t-shirt"},
|
||||
{
|
||||
id: "product-4",
|
||||
name: "Nature's Embrace Tee",
|
||||
price: "$29.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fast-fashion-vs-slow-sustainable-fashion_23-2149134027.jpg",
|
||||
imageAlt: "Nature themed t-shirt design",
|
||||
},
|
||||
id: "product-4", name: "Nature's Embrace Tee", price: "$29.99", imageSrc: "http://img.b2bpic.net/free-photo/fast-fashion-vs-slow-sustainable-fashion_23-2149134027.jpg", imageAlt: "Nature themed t-shirt design"},
|
||||
{
|
||||
id: "product-5",
|
||||
name: "Vintage Vibe Tee",
|
||||
price: "$27.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/t-shirt-poster_1284-49474.jpg",
|
||||
imageAlt: "Vintage graphic t-shirt",
|
||||
},
|
||||
id: "product-5", name: "Vintage Vibe Tee", price: "$27.99", imageSrc: "http://img.b2bpic.net/free-vector/t-shirt-poster_1284-49474.jpg", imageAlt: "Vintage graphic t-shirt"},
|
||||
]}
|
||||
title="Our Latest Collections"
|
||||
description="Browse our diverse range of T-shirts, from classic staples to bold graphic prints. Find your next favorite tee."
|
||||
@@ -142,34 +100,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "feature-1",
|
||||
label: "Premium Quality",
|
||||
title: "Soft & Durable Fabrics",
|
||||
items: [
|
||||
"Made with 100% organic cotton",
|
||||
"Pre-shrunk for lasting fit",
|
||||
"Breathable and comfortable",
|
||||
],
|
||||
id: "feature-1", label: "Premium Quality", title: "Soft & Durable Fabrics", items: [
|
||||
"Made with 100% organic cotton", "Pre-shrunk for lasting fit", "Breathable and comfortable"],
|
||||
},
|
||||
{
|
||||
id: "feature-2",
|
||||
label: "Unique Designs",
|
||||
title: "Artistic & Exclusive Prints",
|
||||
items: [
|
||||
"Original artwork by independent artists",
|
||||
"Limited edition collections",
|
||||
"Diverse styles for every personality",
|
||||
],
|
||||
id: "feature-2", label: "Unique Designs", title: "Artistic & Exclusive Prints", items: [
|
||||
"Original artwork by independent artists", "Limited edition collections", "Diverse styles for every personality"],
|
||||
},
|
||||
{
|
||||
id: "feature-3",
|
||||
label: "Eco-Conscious",
|
||||
title: "Sustainable & Ethical",
|
||||
items: [
|
||||
"Eco-friendly printing methods",
|
||||
"Ethically sourced materials",
|
||||
"Minimal waste packaging",
|
||||
],
|
||||
id: "feature-3", label: "Eco-Conscious", title: "Sustainable & Ethical", items: [
|
||||
"Eco-friendly printing methods", "Ethically sourced materials", "Minimal waste packaging"],
|
||||
},
|
||||
]}
|
||||
title="Why Choose StyleThread?"
|
||||
@@ -180,23 +120,17 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Our Story & Impact"
|
||||
title="Our Mission & Values"
|
||||
metrics={[
|
||||
{
|
||||
icon: Feather,
|
||||
label: "Unique Designs",
|
||||
value: "250+",
|
||||
},
|
||||
label: "Original Designs", value: "250+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Customers",
|
||||
value: "10K+",
|
||||
},
|
||||
icon: Leaf,
|
||||
label: "Eco-Friendly Materials", value: "100%"},
|
||||
{
|
||||
icon: Globe,
|
||||
label: "Sustainable Practices",
|
||||
value: "100%",
|
||||
},
|
||||
icon: Award,
|
||||
label: "Quality Guarantee", value: "Since 2018"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -209,56 +143,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Fashion Blogger",
|
||||
testimonial: "StyleThread offers the most comfortable and uniquely designed T-shirts I've ever owned. The quality is exceptional!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-female-smiling-funny-model-posing-near-pink-wall-studio-shows-tongue_158538-3439.jpg",
|
||||
imageAlt: "Sarah Johnson",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "Fashion Enthusiast", testimonial: "StyleThread T-shirts are my absolute favorite! The designs are unique, and the organic cotton is incredibly soft. I wear them everywhere!", imageSrc: "http://img.b2bpic.net/free-photo/positive-female-smiling-funny-model-posing-near-pink-wall-studio-shows-tongue_158538-3439.jpg", imageAlt: "Sarah Johnson"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Graphic Designer",
|
||||
testimonial: "As a designer, I appreciate the originality and attention to detail in StyleThread's prints. They're true works of art.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-70576.jpg",
|
||||
imageAlt: "Michael Chen",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "Sustainable Fashion Advocate", testimonial: "I'm always looking for ethical brands, and StyleThread exceeds expectations. High-quality, sustainable, and stylish—what more could you ask for?", imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-70576.jpg", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Student",
|
||||
testimonial: "I love how soft these shirts are, and the designs always get me compliments. My go-to for casual wear!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-businesswoman-sitting-office-desk_23-2147943712.jpg",
|
||||
imageAlt: "Emily Rodriguez",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Graphic Designer", testimonial: "The print quality on these tees is phenomenal. The colors pop, and they hold up beautifully after many washes. Truly a top-notch product.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-businesswoman-sitting-office-desk_23-2147943712.jpg", imageAlt: "Emily Rodriguez"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Entreprenuer",
|
||||
testimonial: "StyleThread delivers on both style and sustainability. It's great to wear clothes that align with my values.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clothes-designers-working-store_23-2148915549.jpg",
|
||||
imageAlt: "David Kim",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Casual Wear Aficionado", testimonial: "Comfort is key for me, and StyleThread delivers. These shirts feel amazing all day long, and the fit is perfect.", imageSrc: "http://img.b2bpic.net/free-photo/clothes-designers-working-store_23-2148915549.jpg", imageAlt: "David Kim"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
role: "Yoga Instructor",
|
||||
testimonial: "The fabric is amazing, perfect for both active days and relaxing at home. Plus, the designs are so inspiring!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-outdoors_624325-737.jpg",
|
||||
imageAlt: "Jessica Lee",
|
||||
},
|
||||
id: "5", name: "Jessica Lee", role: "Content Creator", testimonial: "My StyleThread tees are always a conversation starter. The designs are so expressive and unique, perfect for my creative lifestyle.", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-outdoors_624325-737.jpg", imageAlt: "Jessica Lee"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Daniel Wilson",
|
||||
role: "Musician",
|
||||
testimonial: "Finally, a brand that gets it! Unique tees that stand out, and the fit is incredibly comfortable. Highly recommend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-outdoors_23-2149143998.jpg",
|
||||
imageAlt: "Daniel Wilson",
|
||||
},
|
||||
id: "6", name: "Daniel Wilson", role: "Everyday Hero", testimonial: "From work to weekend, my StyleThread shirts are incredibly versatile. They look great and feel even better. Highly recommend for anyone!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-outdoors_23-2149143998.jpg", imageAlt: "Daniel Wilson"},
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Hear from happy customers who love their StyleThread tees."
|
||||
title="What Our Community Says"
|
||||
description="Hear from happy customers who love their StyleThread tees and our commitment to quality."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -267,28 +165,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "What materials are your T-shirts made from?",
|
||||
content: "Our T-shirts are primarily made from 100% organic cotton, ensuring a soft feel and breathability. We prioritize sustainable and ethically sourced fabrics for all our collections.",
|
||||
},
|
||||
id: "faq-1", title: "What makes StyleThread T-shirts unique?", content: "StyleThread T-shirts stand out with their exclusive, artist-designed graphics printed on premium 100% organic cotton. We focus on unique expression, exceptional comfort, and sustainable practices."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "How do I choose the right size?",
|
||||
content: "Please refer to our detailed size guide available on each product page. It includes measurements for chest, length, and sleeve to help you find your perfect fit.",
|
||||
},
|
||||
id: "faq-2", title: "How do I care for my StyleThread T-shirt?", content: "To maintain the quality and longevity of your tee, we recommend machine washing cold with similar colors, tumble dry low, and avoiding direct ironing on the print. Do not bleach."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "What is your return policy?",
|
||||
content: "We offer a 30-day return policy for unworn and unwashed items with tags still attached. Visit our Returns page for full details and instructions on how to initiate a return.",
|
||||
},
|
||||
id: "faq-3", title: "Can I track my order?", content: "Yes, once your order has shipped, you will receive an email with a tracking number and a link to monitor your package's journey. Please allow 24-48 hours for tracking information to update."},
|
||||
{
|
||||
id: "faq-4",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Yes, we ship worldwide! Shipping costs and delivery times vary by destination. You can find estimated shipping details at checkout.",
|
||||
},
|
||||
id: "faq-4", title: "What payment methods do you accept?", content: "We accept major credit cards (Visa, MasterCard, American Express, Discover), PayPal, and other secure payment options. All transactions are processed safely."},
|
||||
{
|
||||
id: "faq-5", title: "Do you offer gift cards?", content: "Currently, we do not offer gift cards, but we are working to introduce them soon! Stay tuned to our newsletter for updates."},
|
||||
{
|
||||
id: "faq-6", title: "How can I collaborate with StyleThread?", content: "We love collaborating with artists and influencers! Please visit our 'Contact Us' page and select 'Collaboration Inquiry' to submit your proposal. We look forward to hearing from you."},
|
||||
]}
|
||||
sideTitle="Got Questions? We've Got Answers."
|
||||
sideDescription="Find quick answers to common questions about our products, ordering, and more."
|
||||
sideTitle="Common Questions & Quick Answers"
|
||||
sideDescription="Find comprehensive answers to frequently asked questions about StyleThread products, shipping, and more."
|
||||
faqsAnimation="slide-up"
|
||||
textPosition="left"
|
||||
/>
|
||||
@@ -300,49 +190,37 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Our Products", href: "#products"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Collections", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Customer Reviews", href: "#testimonials"},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQs", href: "#faq"},
|
||||
{
|
||||
label: "Contact Us", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping & Returns", href: "#"},
|
||||
{
|
||||
label: "Support Center", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user