Merge version_1 into main #1
186
src/app/page.tsx
186
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="MerchStore"
|
||||
/>
|
||||
@@ -58,38 +50,24 @@ export default function LandingPage() {
|
||||
description="Discover our exclusive range of high-quality merchandise designed for creators and dreamers. Quality you can feel, style you can flaunt."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fashion-collection-design-shopping-graphic-words_53876-125567.jpg"
|
||||
showBlur={true}
|
||||
textPosition="bottom"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/asian-woman-store-employee-arranging-new-designer-clothes-hangers_482257-118505.jpg",
|
||||
alt: "Asian woman store employee",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/asian-woman-store-employee-arranging-new-designer-clothes-hangers_482257-118505.jpg", alt: "Asian woman store employee"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-young-woman-enjoying-coffee_23-2148756287.jpg",
|
||||
alt: "Stylish young woman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-young-woman-enjoying-coffee_23-2148756287.jpg", alt: "Stylish young woman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/asian-store-employee-suggesting-trendy-items-client-wheelchair-user_482257-109880.jpg",
|
||||
alt: "Asian store employee",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/asian-store-employee-suggesting-trendy-items-client-wheelchair-user_482257-109880.jpg", alt: "Asian store employee"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-searching-fornew-clothes_23-2147688706.jpg",
|
||||
alt: "Woman searching clothes",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-searching-fornew-clothes_23-2147688706.jpg", alt: "Woman searching clothes"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-professional-partners-posing-photo-smiling-looking-camera-african-american-successful-office-employer-caucasian-businesswoman-taking-selfie-teamwork-business-concept_74855-6842.jpg",
|
||||
alt: "Professional partners",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-professional-partners-posing-photo-smiling-looking-camera-african-american-successful-office-employer-caucasian-businesswoman-taking-selfie-teamwork-business-concept_74855-6842.jpg", alt: "Professional partners"},
|
||||
]}
|
||||
avatarText="Join our community of over 10,000+ happy creators."
|
||||
/>
|
||||
@@ -102,19 +80,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Quality Assurance",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Quality Assurance", value: "100%"},
|
||||
{
|
||||
icon: Truck,
|
||||
label: "Fast Delivery",
|
||||
value: "48h",
|
||||
},
|
||||
label: "Fast Delivery", value: "48h"},
|
||||
{
|
||||
icon: Heart,
|
||||
label: "Happy Customers",
|
||||
value: "10k+",
|
||||
},
|
||||
label: "Happy Customers", value: "10k+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -128,41 +100,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Premium Hoodie",
|
||||
price: "$59.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-cool-woman-walking-with-trucker-hat_23-2149412768.jpg",
|
||||
},
|
||||
id: "1", name: "Premium Hoodie", price: "$59.00", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-cool-woman-walking-with-trucker-hat_23-2149412768.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Graphic T-Shirt",
|
||||
price: "$29.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-city-looking-away_197531-33448.jpg",
|
||||
},
|
||||
id: "2", name: "Graphic T-Shirt", price: "$29.00", imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-city-looking-away_197531-33448.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Classic Cap",
|
||||
price: "$24.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collection-trucker-hats-with-mesh-back_23-2149410040.jpg",
|
||||
},
|
||||
id: "3", name: "Classic Cap", price: "$24.00", imageSrc: "http://img.b2bpic.net/free-photo/collection-trucker-hats-with-mesh-back_23-2149410040.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Canvas Tote",
|
||||
price: "$19.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pride-tote-bag-love-is-love_23-2151993529.jpg",
|
||||
},
|
||||
id: "4", name: "Canvas Tote", price: "$19.00", imageSrc: "http://img.b2bpic.net/free-photo/pride-tote-bag-love-is-love_23-2151993529.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Signature Mug",
|
||||
price: "$15.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-hot-coffee-with-piece-cake-marble-background-high-quality-photo_114579-67913.jpg",
|
||||
},
|
||||
id: "5", name: "Signature Mug", price: "$15.00", imageSrc: "http://img.b2bpic.net/free-photo/cup-hot-coffee-with-piece-cake-marble-background-high-quality-photo_114579-67913.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Brand Notebook",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/school-supplies-grey-table_176420-4560.jpg",
|
||||
},
|
||||
id: "6", name: "Brand Notebook", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/school-supplies-grey-table_176420-4560.jpg"},
|
||||
]}
|
||||
title="Featured Collection"
|
||||
description="Browse our latest drops and fan favorites."
|
||||
@@ -174,14 +122,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Vogue",
|
||||
"Hypebeast",
|
||||
"Forbes",
|
||||
"The Verge",
|
||||
"Complex",
|
||||
"GQ",
|
||||
"Wired",
|
||||
]}
|
||||
"Vogue", "Hypebeast", "Forbes", "The Verge", "Complex", "GQ", "Wired"]}
|
||||
title="As Seen In"
|
||||
description="Featured by top publications and creative platforms."
|
||||
/>
|
||||
@@ -189,50 +130,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Designer",
|
||||
company: "Creative Agency",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-black-shirt-posing-white-background-high-quality-photo_114579-61017.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Designer", company: "Creative Agency", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-black-shirt-posing-white-background-high-quality-photo_114579-61017.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
role: "Developer",
|
||||
company: "Tech Labs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-girls-shopping-mall_176420-95.jpg",
|
||||
},
|
||||
id: "2", name: "Mark D.", role: "Developer", company: "Tech Labs", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-girls-shopping-mall_176420-95.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Influencer",
|
||||
company: "Social Co",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",
|
||||
},
|
||||
id: "3", name: "Emily R.", role: "Influencer", company: "Social Co", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Student",
|
||||
company: "Design Academy",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-her-workshop_329181-17294.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", role: "Student", company: "Design Academy", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-her-workshop_329181-17294.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa M.",
|
||||
role: "Marketer",
|
||||
company: "Growth Inc",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-lady-black-jacket-posing-isolated-background-happy-cheerful-woman-dark-suit-laughing-looking-into-camera_197531-18513.jpg",
|
||||
},
|
||||
id: "5", name: "Lisa M.", role: "Marketer", company: "Growth Inc", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-lady-black-jacket-posing-isolated-background-happy-cheerful-woman-dark-suit-laughing-looking-into-camera_197531-18513.jpg"},
|
||||
]}
|
||||
title="What Our Fans Say"
|
||||
description="Join thousands of satisfied customers who love our merchandise."
|
||||
@@ -245,25 +162,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Shipping times?",
|
||||
content: "Orders are processed within 24 hours and shipped via express courier.",
|
||||
},
|
||||
id: "1", title: "Shipping times?", content: "Orders are processed within 24 hours and shipped via express courier."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Returns policy?",
|
||||
content: "We offer 30-day hassle-free returns on all non-worn items.",
|
||||
},
|
||||
id: "2", title: "Returns policy?", content: "We offer 30-day hassle-free returns on all non-worn items."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Payment options?",
|
||||
content: "We accept major credit cards, PayPal, and Apple Pay.",
|
||||
},
|
||||
id: "3", title: "Payment options?", content: "We accept major credit cards, PayPal, and Apple Pay."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Secure checkout?",
|
||||
content: "Yes, all transactions are encrypted using enterprise-grade security.",
|
||||
},
|
||||
id: "4", title: "Secure checkout?", content: "Yes, all transactions are encrypted using enterprise-grade security."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about your order."
|
||||
@@ -275,16 +180,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Need Help?"
|
||||
title="Contact Our Support"
|
||||
description="Have questions about your order or our products? We're here to help 24/7."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "mailto:support@merchstore.com",
|
||||
},
|
||||
text: "Contact Support", href: "mailto:support@merchstore.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -296,19 +198,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "#", ariaLabel: "Facebook"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user