Merge version_2 into main #2
226
src/app/page.tsx
226
src/app/page.tsx
@@ -28,126 +28,128 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="GarmentMarket"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="GarmentMarket"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Drive Your Fashion Brand Growth"
|
||||
description="Premium marketing strategies and analytics tailored for the modern garment industry."
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall_74190-5152.jpg"
|
||||
imageAlt="Fashion garment showroom marketing"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Drive Your Fashion Brand Growth"
|
||||
description="Premium marketing strategies and analytics tailored for the modern garment industry."
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall_74190-5152.jpg"
|
||||
imageAlt="Fashion garment showroom marketing"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Who We Are"
|
||||
title="Scaling Fashion Brands"
|
||||
description="We specialize in driving sales and visibility for garment designers and manufacturers through data-driven digital strategies."
|
||||
subdescription="Our expertise spans across social media optimization, e-commerce growth, and brand identity development."
|
||||
icon={Award}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/personal-shopper-working_23-2148924151.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Who We Are"
|
||||
title="Scaling Fashion Brands"
|
||||
description="We specialize in driving sales and visibility for garment designers and manufacturers through data-driven digital strategies."
|
||||
subdescription="Our expertise spans across social media optimization, e-commerce growth, and brand identity development."
|
||||
icon={Award}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/personal-shopper-working_23-2148924151.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "f1", title: "Fashion Analytics", description: "Real-time trends and sales dashboard.", imageSrc: "http://img.b2bpic.net/free-photo/clothing-store-woman-assistant-adjusting-formal-female-outfit-mannequin-fashion-apparel-showroom-employee-dressing-dummy-model-office-wear-showcase-customers-new-arrival_482257-71923.jpg" },
|
||||
{ id: "f2", title: "Content Studio", description: "High-quality content marketing tools.", imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-beauty-vlog-home_23-2148916277.jpg" },
|
||||
{ id: "f3", title: "Order Automations", description: "Seamless supply chain integrations.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-manager-working-with-report-data_1262-3723.jpg" },
|
||||
]}
|
||||
title="Comprehensive Marketing Suite"
|
||||
description="Tools to manage and scale your fashion venture."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "f1", title: "Fashion Analytics", description: "Real-time trends and sales dashboard.", imageSrc: "http://img.b2bpic.net/free-photo/clothing-store-woman-assistant-adjusting-formal-female-outfit-mannequin-fashion-apparel-showroom-employee-dressing-dummy-model-office-wear-showcase-customers-new-arrival_482257-71923.jpg" },
|
||||
{ id: "f2", title: "Content Studio", description: "High-quality content marketing tools.", imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-beauty-vlog-home_23-2148916277.jpg" },
|
||||
{ id: "f3", title: "Order Automations", description: "Seamless supply chain integrations.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-manager-working-with-report-data_1262-3723.jpg" },
|
||||
]}
|
||||
title="Comprehensive Marketing Suite"
|
||||
description="Tools to manage and scale your fashion venture."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Starter Boutique Package", price: "$1,200", imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait_23-2148830369.jpg" },
|
||||
{ id: "p2", name: "Growth Scaling Plan", price: "$3,500", imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478951.jpg" },
|
||||
{ id: "p3", name: "Enterprise Fashion Strategy", price: "$8,000", imageSrc: "http://img.b2bpic.net/free-photo/spring-wardrobe-switch-still-life_23-2150176657.jpg" },
|
||||
]}
|
||||
title="Our Marketing Packages"
|
||||
description="Choose the right growth path for your brand."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Starter Boutique Package", price: "$1,200", imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait_23-2148830369.jpg" },
|
||||
{ id: "p2", name: "Growth Scaling Plan", price: "$3,500", imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478951.jpg" },
|
||||
{ id: "p3", name: "Enterprise Fashion Strategy", price: "$8,000", imageSrc: "http://img.b2bpic.net/free-photo/spring-wardrobe-switch-still-life_23-2150176657.jpg" },
|
||||
]}
|
||||
title="Our Marketing Packages"
|
||||
description="Choose the right growth path for your brand."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{ id: "1", badge: "Essential", price: "$99/mo", subtitle: "Basic social media visibility", features: ["Daily posts", "Analytics report", "1 brand channel"] },
|
||||
{ id: "2", badge: "Pro Growth", price: "$299/mo", subtitle: "Full digital marketing strategy", features: ["Influencer outreach", "Ad campaign management", "SEO optimization"] },
|
||||
{ id: "3", badge: "Enterprise", price: "$699/mo", subtitle: "Full service agency growth", features: ["Content production", "24/7 account support", "Custom dashboard"] },
|
||||
]}
|
||||
title="Transparent Growth Plans"
|
||||
description="Select the ideal tier for your business goals."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{ id: "1", badge: "Essential", price: "$99/mo", subtitle: "Basic social media visibility", features: ["Daily posts", "Analytics report", "1 brand channel"] },
|
||||
{ id: "2", badge: "Pro Growth", price: "$299/mo", subtitle: "Full digital marketing strategy", features: ["Influencer outreach", "Ad campaign management", "SEO optimization"] },
|
||||
{ id: "3", badge: "Enterprise", price: "$699/mo", subtitle: "Full service agency growth", features: ["Content production", "24/7 account support", "Custom dashboard"] },
|
||||
]}
|
||||
title="Transparent Growth Plans"
|
||||
description="Select the ideal tier for your business goals."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="GarmentMarket transformed our brand visibility in just three months. Our online sales increased by 40%."
|
||||
rating={5}
|
||||
author="Sarah Miller, CEO of SilkStyles"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-studio-with-many-clothes_1157-34832.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-attractive-smiling-bearded-brunette-man-white-shirt-classic-suit-dreamily-looking-aside-holding-cellphone-hand-with-glass-building-background_574295-2873.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-business-owners-preparing-their-store_23-2149300884.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-working-designer-studio_1301-3354.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-studio-with-many-clothes_1157-34832.jpg", alt: "Client 5" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="GarmentMarket transformed our brand visibility in just three months. Our online sales increased by 40%."
|
||||
rating={5}
|
||||
author="Sarah Miller, CEO of SilkStyles"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-studio-with-many-clothes_1157-34832.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-attractive-smiling-bearded-brunette-man-white-shirt-classic-suit-dreamily-looking-aside-holding-cellphone-hand-with-glass-building-background_574295-2873.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-business-owners-preparing-their-store_23-2149300884.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-working-designer-studio_1301-3354.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-studio-with-many-clothes_1157-34832.jpg", alt: "Client 5" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "animated-grid" }}
|
||||
tag="Let's Connect"
|
||||
title="Start Your Growth Strategy"
|
||||
description="Enter your email for a free strategy consultation tailored to your clothing brand."
|
||||
buttonText="Consult Now"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "animated-grid" }}
|
||||
tag="Let's Connect"
|
||||
title="Start Your Growth Strategy"
|
||||
description="Enter your email for a free strategy consultation tailored to your clothing brand."
|
||||
buttonText="Consult Now"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="GarmentMarket"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="GarmentMarket"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user