Merge version_1 into main #2
227
src/app/page.tsx
227
src/app/page.tsx
@@ -31,17 +31,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#shop",
|
||||
},
|
||||
name: "Shop", id: "#shop"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Visit Us",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Visit Us", id: "#contact"},
|
||||
]}
|
||||
brandName="TREND UP STORE"
|
||||
/>
|
||||
@@ -50,65 +44,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Elevate Your Style. Dominate Your Presence."
|
||||
description="Premium menswear, footwear, and accessories — curated for men who demand style, quality, and confidence."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-woman-having-happy-excited-smile-while-standing-fashionable-summer-clothes-enjoying-sale-prices-shopping-city-mall-style-fashion-consumerism-purchase-concept_273609-820.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-woman-having-happy-excited-smile-while-standing-fashionable-summer-clothes-enjoying-sale-prices-shopping-city-mall-style-fashion-consumerism-purchase-concept_273609-820.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-od-two-woman-shopping-mall_329181-8018.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-od-two-woman-shopping-mall_329181-8018.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-near-brick-wall-street-background-metrosexual_158538-10486.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-near-brick-wall-street-background-metrosexual_158538-10486.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-with-long-coat_23-2148248482.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-with-long-coat_23-2148248482.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-happy-businessman-having-fun-while-communicating-mobile-phone-street_637285-3492.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-happy-businessman-having-fun-while-communicating-mobile-phone-street_637285-3492.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="70+ Confident Men"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#shop",
|
||||
},
|
||||
text: "Shop Now", href: "#shop"},
|
||||
{
|
||||
text: "WhatsApp Stylist",
|
||||
href: "https://wa.me/your-number",
|
||||
},
|
||||
text: "WhatsApp Stylist", href: "https://wa.me/your-number"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Free Global Shipping",
|
||||
},
|
||||
type: "text", text: "Free Global Shipping"},
|
||||
{
|
||||
type: "text",
|
||||
text: "VIP Styling Sessions",
|
||||
},
|
||||
type: "text", text: "VIP Styling Sessions"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Italian Fabrics",
|
||||
},
|
||||
type: "text", text: "Premium Italian Fabrics"},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Concierge Support",
|
||||
},
|
||||
type: "text", text: "24/7 Concierge Support"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Curated Collections",
|
||||
},
|
||||
type: "text", text: "Curated Collections"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -118,14 +87,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"4.9 Rating",
|
||||
"70+ Clients",
|
||||
"Premium Quality",
|
||||
"VIP Support",
|
||||
"Fast Delivery",
|
||||
"Modern Style",
|
||||
"Exclusive Pieces",
|
||||
]}
|
||||
"4.9 Rating", "70+ Clients", "Premium Quality", "VIP Support", "Fast Delivery", "Modern Style", "Exclusive Pieces"]}
|
||||
title="Trusted by Men Who Demand Style"
|
||||
description="Join our community of over 70 satisfied clients who elevated their image with us."
|
||||
/>
|
||||
@@ -136,14 +98,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "More Than a Store — A Style Experience",
|
||||
},
|
||||
type: "text", content: "More Than a Store — A Style Experience"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-going-out-shopping-various-consumer-goods_23-2151669811.jpg",
|
||||
alt: "Luxury Boutique",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/portrait-man-going-out-shopping-various-consumer-goods_23-2151669811.jpg", alt: "Luxury Boutique"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -155,40 +112,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Quality",
|
||||
description: "Top-tier materials and superior finishing for lasting elegance.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/vintage-mockup-logo-design-vector_53876-34928.jpg?_wi=1",
|
||||
},
|
||||
title: "Premium Quality", description: "Top-tier materials and superior finishing for lasting elegance.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/vintage-mockup-logo-design-vector_53876-34928.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/vintage-mockup-logo-design-vector_53876-34928.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-suit-posing-near-brick-wall-street-background-metrosexual_158538-11005.jpg",
|
||||
imageAlt: "sharp dressed man confident urban",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/vintage-mockup-logo-design-vector_53876-34928.jpg"}
|
||||
},
|
||||
{
|
||||
title: "VIP Service",
|
||||
description: "Personalized styling sessions tailored just for your needs.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-going-out-shopping-various-consumer-goods_23-2151669811.jpg?_wi=1",
|
||||
},
|
||||
title: "VIP Service", description: "Personalized styling sessions tailored just for your needs.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-going-out-shopping-various-consumer-goods_23-2151669811.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-going-out-shopping-various-consumer-goods_23-2151669811.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-going-out-shopping-various-consumer-goods_23-2151669811.jpg?_wi=3",
|
||||
imageAlt: "luxury boutique interior design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-going-out-shopping-various-consumer-goods_23-2151669811.jpg"}
|
||||
},
|
||||
{
|
||||
title: "Modern Masculine Style",
|
||||
description: "Curated collections for today's confident man.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-handsome-man-model-posing_158595-852.jpg?_wi=1",
|
||||
},
|
||||
title: "Modern Masculine Style", description: "Curated collections for today's confident man.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-handsome-man-model-posing_158595-852.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-handsome-man-model-posing_158595-852.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/vintage-mockup-logo-design-vector_53876-34928.jpg?_wi=3",
|
||||
imageAlt: "premium mens t-shirt black",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-handsome-man-model-posing_158595-852.jpg"}
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -205,41 +144,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Premium T-Shirt",
|
||||
price: "$49",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/vintage-mockup-logo-design-vector_53876-34928.jpg?_wi=4",
|
||||
},
|
||||
id: "1", name: "Premium T-Shirt", price: "$49", imageSrc: "http://img.b2bpic.net/free-vector/vintage-mockup-logo-design-vector_53876-34928.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Modern Cut Jeans",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-handsome-man-model-posing_158595-852.jpg?_wi=3",
|
||||
},
|
||||
id: "2", name: "Modern Cut Jeans", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-handsome-man-model-posing_158595-852.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Luxury Sneakers",
|
||||
price: "$129",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-man-making-cardio-training-exercises-gym-club-closeup-horizontal-toning_1220-1708.jpg?_wi=1",
|
||||
},
|
||||
id: "3", name: "Luxury Sneakers", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/adult-man-making-cardio-training-exercises-gym-club-closeup-horizontal-toning_1220-1708.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Essential Polo",
|
||||
price: "$59",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/vintage-mockup-logo-design-vector_53876-34928.jpg?_wi=5",
|
||||
},
|
||||
id: "4", name: "Essential Polo", price: "$59", imageSrc: "http://img.b2bpic.net/free-vector/vintage-mockup-logo-design-vector_53876-34928.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chino Pants",
|
||||
price: "$79",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-handsome-man-model-posing_158595-852.jpg?_wi=4",
|
||||
},
|
||||
id: "5", name: "Chino Pants", price: "$79", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-handsome-man-model-posing_158595-852.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Leather Belt",
|
||||
price: "$39",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-man-making-cardio-training-exercises-gym-club-closeup-horizontal-toning_1220-1708.jpg?_wi=2",
|
||||
},
|
||||
id: "6", name: "Leather Belt", price: "$39", imageSrc: "http://img.b2bpic.net/free-photo/adult-man-making-cardio-training-exercises-gym-club-closeup-horizontal-toning_1220-1708.jpg"},
|
||||
]}
|
||||
title="Premium Essentials"
|
||||
description="Explore our curated collection of luxury menswear."
|
||||
@@ -252,60 +167,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
date: "2023",
|
||||
title: "Customer",
|
||||
quote: "Atendimento VIP, roupas incríveis — simplesmente top!",
|
||||
tag: "Fashion",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/stylish-woman-having-happy-excited-smile-while-standing-fashionable-summer-clothes-enjoying-sale-prices-shopping-city-mall-style-fashion-consumerism-purchase-concept_273609-820.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-handsome-man-model-posing_158595-852.jpg?_wi=5",
|
||||
imageAlt: "luxury mens denim jeans",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", date: "2023", title: "Customer", quote: "Atendimento VIP, roupas incríveis — simplesmente top!", tag: "Fashion", avatarSrc: "http://img.b2bpic.net/free-photo/stylish-woman-having-happy-excited-smile-while-standing-fashionable-summer-clothes-enjoying-sale-prices-shopping-city-mall-style-fashion-consumerism-purchase-concept_273609-820.jpg", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-handsome-man-model-posing_158595-852.jpg", imageAlt: "luxury mens denim jeans"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
date: "2023",
|
||||
title: "Customer",
|
||||
quote: "Produto de primeira e atendimento impecável.",
|
||||
tag: "Quality",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-od-two-woman-shopping-mall_329181-8018.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-man-making-cardio-training-exercises-gym-club-closeup-horizontal-toning_1220-1708.jpg?_wi=3",
|
||||
imageAlt: "modern mens sneakers premium",
|
||||
},
|
||||
id: "2", name: "Michael Chen", date: "2023", title: "Customer", quote: "Produto de primeira e atendimento impecável.", tag: "Quality", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-od-two-woman-shopping-mall_329181-8018.jpg", imageSrc: "http://img.b2bpic.net/free-photo/adult-man-making-cardio-training-exercises-gym-club-closeup-horizontal-toning_1220-1708.jpg", imageAlt: "modern mens sneakers premium"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
date: "2023",
|
||||
title: "Customer",
|
||||
quote: "Qualidade absurda. Virei cliente fiel.",
|
||||
tag: "Style",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-near-brick-wall-street-background-metrosexual_158538-10486.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-having-happy-excited-smile-while-standing-fashionable-summer-clothes-enjoying-sale-prices-shopping-city-mall-style-fashion-consumerism-purchase-concept_273609-820.jpg",
|
||||
imageAlt: "happy customer portrait",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", date: "2023", title: "Customer", quote: "Qualidade absurda. Virei cliente fiel.", tag: "Style", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-near-brick-wall-street-background-metrosexual_158538-10486.jpg", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-having-happy-excited-smile-while-standing-fashionable-summer-clothes-enjoying-sale-prices-shopping-city-mall-style-fashion-consumerism-purchase-concept_273609-820.jpg", imageAlt: "happy customer portrait"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
date: "2023",
|
||||
title: "Customer",
|
||||
quote: "Melhor loja de São José para homens.",
|
||||
tag: "Service",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-man-with-long-coat_23-2148248482.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-od-two-woman-shopping-mall_329181-8018.jpg",
|
||||
imageAlt: "smiling customer fashion store",
|
||||
},
|
||||
id: "4", name: "David Kim", date: "2023", title: "Customer", quote: "Melhor loja de São José para homens.", tag: "Service", avatarSrc: "http://img.b2bpic.net/free-photo/young-man-with-long-coat_23-2148248482.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-od-two-woman-shopping-mall_329181-8018.jpg", imageAlt: "smiling customer fashion store"},
|
||||
{
|
||||
id: "5",
|
||||
name: "John Smith",
|
||||
date: "2023",
|
||||
title: "Customer",
|
||||
quote: "Estilo que impõe respeito total.",
|
||||
tag: "Style",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-happy-businessman-having-fun-while-communicating-mobile-phone-street_637285-3492.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-near-brick-wall-street-background-metrosexual_158538-10486.jpg",
|
||||
imageAlt: "man looking stylish outfit",
|
||||
},
|
||||
id: "5", name: "John Smith", date: "2023", title: "Customer", quote: "Estilo que impõe respeito total.", tag: "Style", avatarSrc: "http://img.b2bpic.net/free-photo/young-happy-businessman-having-fun-while-communicating-mobile-phone-street_637285-3492.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-near-brick-wall-street-background-metrosexual_158538-10486.jpg", imageAlt: "man looking stylish outfit"},
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="See why men choose Trend Up for their style transformation."
|
||||
@@ -316,8 +186,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Get Your Personal Style Upgrade"
|
||||
description="Talk directly with our team on WhatsApp for personalized recommendations."
|
||||
buttonText="Talk on WhatsApp"
|
||||
@@ -331,25 +200,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop Now",
|
||||
href: "#shop",
|
||||
},
|
||||
label: "Shop Now", href: "#shop"},
|
||||
{
|
||||
label: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Visit Us", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user