Merge version_1 into main #1
285
src/app/page.tsx
285
src/app/page.tsx
@@ -32,35 +32,21 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#shop",
|
||||
},
|
||||
name: "Shop", id: "#shop"},
|
||||
{
|
||||
name: "Payments",
|
||||
id: "#payments",
|
||||
},
|
||||
name: "Payments", id: "#payments"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
name: "Reviews", id: "#reviews"},
|
||||
{
|
||||
name: "Connect",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Connect", id: "#contact"},
|
||||
]}
|
||||
brandName="Mala Vida"
|
||||
button={{
|
||||
text: "Get in Touch",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get in Touch", href: "#contact"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -68,57 +54,36 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
variant: "canvas-reveal"}}
|
||||
imagePosition="right"
|
||||
title="Mala Vida: Live Bold. Dress Unapologetically."
|
||||
description="Discover unique apparel that embodies your spirit. Express yourself with our latest collections and make a statement."
|
||||
kpis={[
|
||||
{
|
||||
value: "2000+",
|
||||
label: "Happy Customers",
|
||||
},
|
||||
value: "2000+", label: "Happy Customers"},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Unique Designs",
|
||||
},
|
||||
value: "500+", label: "Unique Designs"},
|
||||
{
|
||||
value: "New!",
|
||||
label: "Weekly Drops",
|
||||
},
|
||||
value: "New!", label: "Weekly Drops"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#shop",
|
||||
},
|
||||
text: "Shop Now", href: "#shop"},
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#shop",
|
||||
},
|
||||
text: "Explore Collection", href: "#shop"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-people-with-glasses-posing-studio_23-2150169319.jpg",
|
||||
alt: "Happy Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-people-with-glasses-posing-studio_23-2150169319.jpg", alt: "Happy Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/race-urban-pretty-hairstyle-road_1139-736.jpg",
|
||||
alt: "Happy Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/race-urban-pretty-hairstyle-road_1139-736.jpg", alt: "Happy Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-model-posing-street_1303-14428.jpg",
|
||||
alt: "Happy Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-model-posing-street_1303-14428.jpg", alt: "Happy Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/friends-having-crowded-party-home_23-2149203624.jpg",
|
||||
alt: "Happy Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/friends-having-crowded-party-home_23-2149203624.jpg", alt: "Happy Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mixed-race-relations-concept-delihghted-happy-black-white-female-man-wear-bright-sweaters-pose-together-against-white_273609-3836.jpg",
|
||||
alt: "Community member avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/mixed-race-relations-concept-delihghted-happy-black-white-female-man-wear-bright-sweaters-pose-together-against-white_273609-3836.jpg", alt: "Community member avatar"},
|
||||
]}
|
||||
avatarText="Join our growing community!"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-listening-music-media-entertainment-relaxation-concept_53876-42802.jpg"
|
||||
@@ -126,27 +91,17 @@ export default function LandingPage() {
|
||||
mediaAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Fashion Forward",
|
||||
type: "text", text: "Fashion Forward"},
|
||||
{
|
||||
type: "text-icon", text: "New Drops Daily", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "New Drops Daily",
|
||||
icon: Sparkles,
|
||||
type: "text", text: "Global Style"},
|
||||
{
|
||||
type: "text-icon", text: "Unapologetically You", icon: Heart,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Style",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Unapologetically You",
|
||||
icon: Heart,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Craftsmanship",
|
||||
},
|
||||
type: "text", text: "Quality Craftsmanship"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -159,47 +114,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mala Vida Hoodie",
|
||||
price: "$75.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-fashion-model-black-suit-generated-by-ai_188544-34551.jpg",
|
||||
imageAlt: "Black Mala Vida Hoodie",
|
||||
},
|
||||
id: "1", name: "Mala Vida Hoodie", price: "$75.00", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-fashion-model-black-suit-generated-by-ai_188544-34551.jpg", imageAlt: "Black Mala Vida Hoodie"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Graphic Tee",
|
||||
price: "$35.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-casual-man_1421-411.jpg",
|
||||
imageAlt: "Black Graphic T-Shirt",
|
||||
},
|
||||
id: "2", name: "Graphic Tee", price: "$35.00", imageSrc: "http://img.b2bpic.net/free-photo/still-life-casual-man_1421-411.jpg", imageAlt: "Black Graphic T-Shirt"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Distressed Jeans",
|
||||
price: "$89.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-punk-female-with-attitude-outdoors_23-2149111018.jpg",
|
||||
imageAlt: "Blue Distressed Jeans",
|
||||
},
|
||||
id: "3", name: "Distressed Jeans", price: "$89.99", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-punk-female-with-attitude-outdoors_23-2149111018.jpg", imageAlt: "Blue Distressed Jeans"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Oversized Jacket",
|
||||
price: "$120.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mother-with-daughter-together-street_1303-25866.jpg",
|
||||
imageAlt: "Black Oversized Jacket",
|
||||
},
|
||||
id: "4", name: "Oversized Jacket", price: "$120.00", imageSrc: "http://img.b2bpic.net/free-photo/mother-with-daughter-together-street_1303-25866.jpg", imageAlt: "Black Oversized Jacket"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Cropped Tank Top",
|
||||
price: "$29.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-wearing-white-tshirt-standing-wall_618663-103.jpg",
|
||||
imageAlt: "Black Cropped Tank Top",
|
||||
},
|
||||
id: "5", name: "Cropped Tank Top", price: "$29.00", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-wearing-white-tshirt-standing-wall_618663-103.jpg", imageAlt: "Black Cropped Tank Top"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Leather Mini Skirt",
|
||||
price: "$65.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-smiling-photographer-girl-taking-photos-using-her-retro-camera_158538-1374.jpg",
|
||||
imageAlt: "Black Leather Mini Skirt",
|
||||
},
|
||||
id: "6", name: "Leather Mini Skirt", price: "$65.00", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-smiling-photographer-girl-taking-photos-using-her-retro-camera_158538-1374.jpg", imageAlt: "Black Leather Mini Skirt"},
|
||||
]}
|
||||
title="Our Latest Collection"
|
||||
description="Explore the newest additions to the Mala Vida range. Style, comfort, and attitude combined in every stitch."
|
||||
@@ -214,34 +139,22 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Apple,
|
||||
title: "Apple Pay",
|
||||
description: "Quick and secure payments directly from your Apple devices.",
|
||||
},
|
||||
title: "Apple Pay", description: "Quick and secure payments directly from your Apple devices."},
|
||||
{
|
||||
icon: DollarSign,
|
||||
title: "Cash App",
|
||||
description: "Seamless transactions using your Cash App account.",
|
||||
},
|
||||
title: "Cash App", description: "Seamless transactions using your Cash App account."},
|
||||
{
|
||||
icon: Wallet,
|
||||
title: "Venmo",
|
||||
description: "Pay with ease through your Venmo balance or linked accounts.",
|
||||
},
|
||||
title: "Venmo", description: "Pay with ease through your Venmo balance or linked accounts."},
|
||||
{
|
||||
icon: DollarSign,
|
||||
title: "Zelle",
|
||||
description: "Fast and free payments directly to our bank account.",
|
||||
},
|
||||
title: "Zelle", description: "Fast and free payments directly to our bank account."},
|
||||
{
|
||||
icon: CreditCard,
|
||||
title: "PayPal",
|
||||
description: "Globally trusted and flexible payment options via PayPal.",
|
||||
},
|
||||
title: "PayPal", description: "Globally trusted and flexible payment options via PayPal."},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Secure Checkout",
|
||||
description: "All transactions are encrypted and protected for your peace of mind.",
|
||||
},
|
||||
title: "Secure Checkout", description: "All transactions are encrypted and protected for your peace of mind."},
|
||||
]}
|
||||
title="Seamless Shopping, Secure Payments"
|
||||
description="Experience hassle-free shopping with a variety of trusted payment options for your convenience. We make it easy to pay for your next favorite outfit."
|
||||
@@ -255,19 +168,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Years in Fashion",
|
||||
value: "5+",
|
||||
},
|
||||
label: "Years in Fashion", value: "5+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Global Community",
|
||||
value: "10K+",
|
||||
},
|
||||
label: "Global Community", value: "10K+"},
|
||||
{
|
||||
icon: Diamond,
|
||||
label: "Quality Craftsmanship",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Quality Craftsmanship", value: "100%"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -277,52 +184,23 @@ export default function LandingPage() {
|
||||
<TestimonialCardThirteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Chloe B.",
|
||||
handle: "@chloe_style",
|
||||
testimonial: "Mala Vida's clothes are not just fashion, they're a statement. Every piece feels unique and high-quality. Absolutely love my new hoodie!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-low-angle_23-2149213172.jpg",
|
||||
imageAlt: "Chloe B. profile picture",
|
||||
},
|
||||
id: "1", name: "Chloe B.", handle: "@chloe_style", testimonial: "Mala Vida's clothes are not just fashion, they're a statement. Every piece feels unique and high-quality. Absolutely love my new hoodie!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-low-angle_23-2149213172.jpg", imageAlt: "Chloe B. profile picture"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jordan P.",
|
||||
handle: "@urban_thread",
|
||||
testimonial: "Finally found a brand that matches my vibe. The designs are fresh, and the fit is perfect. Mala Vida is my new go-to for streetwear.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-white-blazer-looks-winks_114579-18692.jpg",
|
||||
imageAlt: "Jordan P. profile picture",
|
||||
},
|
||||
id: "2", name: "Jordan P.", handle: "@urban_thread", testimonial: "Finally found a brand that matches my vibe. The designs are fresh, and the fit is perfect. Mala Vida is my new go-to for streetwear.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-white-blazer-looks-winks_114579-18692.jpg", imageAlt: "Jordan P. profile picture"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sophia R.",
|
||||
handle: "@trendsetter_sophia",
|
||||
testimonial: "I always get compliments when I wear Mala Vida. The materials are comfortable, and the aesthetic is just spot on. Highly recommend!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-punk-clothes-outdoors_23-2149110977.jpg",
|
||||
imageAlt: "Sophia R. profile picture",
|
||||
},
|
||||
id: "3", name: "Sophia R.", handle: "@trendsetter_sophia", testimonial: "I always get compliments when I wear Mala Vida. The materials are comfortable, and the aesthetic is just spot on. Highly recommend!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-punk-clothes-outdoors_23-2149110977.jpg", imageAlt: "Sophia R. profile picture"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Liam T.",
|
||||
handle: "@liam_fashion",
|
||||
testimonial: "Ordered a few items and was blown away by the quality. Shipping was fast, and the customer service was excellent. Keep up the great work, Mala Vida!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-sitting-small-stool-against-white-wall_231208-1168.jpg",
|
||||
imageAlt: "Liam T. profile picture",
|
||||
},
|
||||
id: "4", name: "Liam T.", handle: "@liam_fashion", testimonial: "Ordered a few items and was blown away by the quality. Shipping was fast, and the customer service was excellent. Keep up the great work, Mala Vida!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-sitting-small-stool-against-white-wall_231208-1168.jpg", imageAlt: "Liam T. profile picture"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ava L.",
|
||||
handle: "@ava_chic",
|
||||
testimonial: "This brand truly understands modern style. My wardrobe feels upgraded with their unique pieces. Can't wait for the next drop!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-bun-hairstyle-dressed-stylish-green-clothes-keeps-hands-pocket-looks-away-pensively-poses-urban-place-daytime-people-street-style-lifestyle-concept_273609-56097.jpg",
|
||||
imageAlt: "Ava L. profile picture",
|
||||
},
|
||||
id: "5", name: "Ava L.", handle: "@ava_chic", testimonial: "This brand truly understands modern style. My wardrobe feels upgraded with their unique pieces. Can't wait for the next drop!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-bun-hairstyle-dressed-stylish-green-clothes-keeps-hands-pocket-looks-away-pensively-poses-urban-place-daytime-people-street-style-lifestyle-concept_273609-56097.jpg", imageAlt: "Ava L. profile picture"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Customers Say"
|
||||
@@ -335,14 +213,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Fashion Insider",
|
||||
"Style Mavens",
|
||||
"Urban Wear Daily",
|
||||
"Trendsetters Magazine",
|
||||
"Vogue Street",
|
||||
"Outfit of the Day",
|
||||
"Street Fashion Blog",
|
||||
]}
|
||||
"Fashion Insider", "Style Mavens", "Urban Wear Daily", "Trendsetters Magazine", "Vogue Street", "Outfit of the Day", "Street Fashion Blog"]}
|
||||
title="Our Community, Our Style"
|
||||
description="Proudly worn by fashion enthusiasts and featured by leading style voices. Be part of the Mala Vida movement."
|
||||
/>
|
||||
@@ -352,18 +223,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
text="Ready to elevate your style? Connect with Mala Vida for inquiries, collaborations, or just to say hello."
|
||||
buttons={[
|
||||
{
|
||||
text: "Send an Email",
|
||||
href: "mailto:info@malavida.com",
|
||||
},
|
||||
text: "Send an Email", href: "mailto:info@malavida.com"},
|
||||
{
|
||||
text: "Follow on Instagram",
|
||||
href: "https://instagram.com/malavida_official",
|
||||
},
|
||||
text: "Follow on Instagram", href: "https://instagram.com/malavida_official"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -375,50 +241,31 @@ export default function LandingPage() {
|
||||
logoText="Mala Vida"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#home",
|
||||
},
|
||||
label: "Home", href: "#home"},
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#shop",
|
||||
},
|
||||
label: "Shop", href: "#shop"},
|
||||
{
|
||||
label: "Payments",
|
||||
href: "#payments",
|
||||
},
|
||||
label: "Payments", href: "#payments"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQs", href: "#"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user