Merge version_1 into main #2
265
src/app/page.tsx
265
src/app/page.tsx
@@ -9,7 +9,7 @@ import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTe
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Leaf, Palette, Shield, Sparkles, Truck } from "lucide-react";
|
||||
import { Leaf, Palette, Shield, Sparkles, Truck, MessageCircle } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Catalog",
|
||||
id: "catalog",
|
||||
},
|
||||
name: "Catalog", id: "catalog"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="MODA"
|
||||
/>
|
||||
@@ -53,108 +45,60 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Elevate Your Style"
|
||||
description="Discover timeless apparel crafted for the modern individual. Quality, comfort, and unmatched style in every stitch."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Riv",
|
||||
handle: "@alexriv",
|
||||
testimonial: "The quality is simply unmatched. Everything fits perfectly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-hugging-while-sitting-stairs_23-2148133971.jpg?_wi=1",
|
||||
imageAlt: "modern fashion store hero shot",
|
||||
},
|
||||
name: "Alex Riv", handle: "@alexriv", testimonial: "The quality is simply unmatched. Everything fits perfectly.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-hugging-while-sitting-stairs_23-2148133971.jpg", imageAlt: "modern fashion store hero shot"},
|
||||
{
|
||||
name: "Jordan S.",
|
||||
handle: "@jsmith",
|
||||
testimonial: "Fast shipping and the fabrics feel incredibly premium.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-thoughtful-young-woman-white-sweater_613910-11214.jpg?_wi=1",
|
||||
imageAlt: "casual white cotton t-shirt",
|
||||
},
|
||||
name: "Jordan S.", handle: "@jsmith", testimonial: "Fast shipping and the fabrics feel incredibly premium.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-thoughtful-young-woman-white-sweater_613910-11214.jpg", imageAlt: "casual white cotton t-shirt"},
|
||||
{
|
||||
name: "Casey W.",
|
||||
handle: "@casey",
|
||||
testimonial: "My new favorite store for everyday wear. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478947.jpg?_wi=1",
|
||||
imageAlt: "black denim jacket classic",
|
||||
},
|
||||
name: "Casey W.", handle: "@casey", testimonial: "My new favorite store for everyday wear. Highly recommend.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478947.jpg", imageAlt: "black denim jacket classic"},
|
||||
{
|
||||
name: "Sam L.",
|
||||
handle: "@saml",
|
||||
testimonial: "Great customer service and stylish designs.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/travel-accessory-concept_1388-36.jpg?_wi=1",
|
||||
imageAlt: "blue slim fit jeans",
|
||||
},
|
||||
name: "Sam L.", handle: "@saml", testimonial: "Great customer service and stylish designs.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/travel-accessory-concept_1388-36.jpg", imageAlt: "blue slim fit jeans"},
|
||||
{
|
||||
name: "Taylor P.",
|
||||
handle: "@taylor",
|
||||
testimonial: "Excellent experience from start to finish.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-looking-clothes_23-2149241347.jpg?_wi=1",
|
||||
imageAlt: "beige wool coat winter fashion",
|
||||
},
|
||||
name: "Taylor P.", handle: "@taylor", testimonial: "Excellent experience from start to finish.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-looking-clothes_23-2149241347.jpg", imageAlt: "beige wool coat winter fashion"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#catalog",
|
||||
},
|
||||
text: "Shop Now", href: "#catalog"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-couple-hugging-while-sitting-stairs_23-2148133971.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-couple-hugging-while-sitting-stairs_23-2148133971.jpg"
|
||||
imageAlt="Fashion collection hero"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-adult-women-taking-selfie_23-2148385695.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-adult-women-taking-selfie_23-2148385695.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-taking-selfie-clothing-store_482257-67109.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-taking-selfie-clothing-store_482257-67109.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-woman-holding-bags-showing-thumb-up_1262-5695.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-woman-holding-bags-showing-thumb-up_1262-5695.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/energized-goodlooking-cool-hipster-mature-man-bearded-grey-hair-wrinkles-pointing-himself-bragging_1258-134909.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/energized-goodlooking-cool-hipster-mature-man-bearded-grey-hair-wrinkles-pointing-himself-bragging_1258-134909.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/personal-shopper-helping-cutomer_23-2148924084.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/personal-shopper-helping-cutomer_23-2148924084.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Loved by 10,000+ fashion enthusiasts"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Sustainable",
|
||||
icon: Leaf,
|
||||
type: "text-icon", text: "Sustainable", icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Premium Fabric",
|
||||
icon: Sparkles,
|
||||
type: "text-icon", text: "Premium Fabric", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Express Delivery",
|
||||
icon: Truck,
|
||||
type: "text-icon", text: "Express Delivery", icon: Truck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Ethical Sourcing",
|
||||
icon: Shield,
|
||||
type: "text-icon", text: "Ethical Sourcing", icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Modern Design",
|
||||
icon: Palette,
|
||||
type: "text-icon", text: "Modern Design", icon: Palette,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -165,47 +109,23 @@ export default function LandingPage() {
|
||||
layout="section"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Essential White Tee",
|
||||
price: "$29",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-thoughtful-young-woman-white-sweater_613910-11214.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Essential White Tee", price: "$29", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-thoughtful-young-woman-white-sweater_613910-11214.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Classic Denim Jacket",
|
||||
price: "$89",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478947.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Classic Denim Jacket", price: "$89", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478947.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Slim Fit Denim",
|
||||
price: "$65",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/travel-accessory-concept_1388-36.jpg?_wi=2",
|
||||
},
|
||||
id: "p3", name: "Slim Fit Denim", price: "$65", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/travel-accessory-concept_1388-36.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Wool Blend Coat",
|
||||
price: "$129",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-looking-clothes_23-2149241347.jpg?_wi=2",
|
||||
},
|
||||
id: "p4", name: "Wool Blend Coat", price: "$129", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-looking-clothes_23-2149241347.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Leather Chelsea Boots",
|
||||
price: "$145",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brown-haired-stylish-girl-black-dress-outdoor-young-attractive-elegant-woman-portrait-with-long-hair-springtime-city-streets_1328-4505.jpg",
|
||||
},
|
||||
id: "p5", name: "Leather Chelsea Boots", price: "$145", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brown-haired-stylish-girl-black-dress-outdoor-young-attractive-elegant-woman-portrait-with-long-hair-springtime-city-streets_1328-4505.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Grey Knit Sweater",
|
||||
price: "$55",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-autumn-cozy-accessories_23-2147869633.jpg",
|
||||
},
|
||||
id: "p6", name: "Grey Knit Sweater", price: "$55", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-autumn-cozy-accessories_23-2147869633.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -216,22 +136,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Sustainable Fabrics",
|
||||
description: "Eco-conscious materials that last.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fabric-texture-background_1385-1216.jpg",
|
||||
buttonIcon: "Leaf",
|
||||
title: "Sustainable Fabrics", description: "Eco-conscious materials that last.", imageSrc: "http://img.b2bpic.net/free-photo/fabric-texture-background_1385-1216.jpg", buttonIcon: Leaf,
|
||||
},
|
||||
{
|
||||
title: "Fast Shipping",
|
||||
description: "Get your style delivered to your doorstep quickly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-girl-with-phone-sitting-bed-jocund-female-model-jeans-relaxing-weekend_197531-10395.jpg",
|
||||
buttonIcon: "Truck",
|
||||
title: "Fast Shipping", description: "Get your style delivered to your doorstep quickly.", imageSrc: "http://img.b2bpic.net/free-photo/charming-girl-with-phone-sitting-bed-jocund-female-model-jeans-relaxing-weekend_197531-10395.jpg", buttonIcon: Truck,
|
||||
},
|
||||
{
|
||||
title: "24/7 Support",
|
||||
description: "We're here for you whenever you need help.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-business-owners-preparing-their-store_23-2149300887.jpg",
|
||||
buttonIcon: "MessageCircle",
|
||||
title: "24/7 Support", description: "We're here for you whenever you need help.", imageSrc: "http://img.b2bpic.net/free-photo/young-business-owners-preparing-their-store_23-2149300887.jpg", buttonIcon: MessageCircle,
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
@@ -246,59 +157,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Emma D.",
|
||||
role: "Creative",
|
||||
company: "Design Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-adult-women-taking-selfie_23-2148385695.jpg",
|
||||
},
|
||||
id: "t1", name: "Emma D.", role: "Creative", company: "Design Studio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-adult-women-taking-selfie_23-2148385695.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marc L.",
|
||||
role: "Developer",
|
||||
company: "Tech Corp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-taking-selfie-clothing-store_482257-67109.jpg",
|
||||
},
|
||||
id: "t2", name: "Marc L.", role: "Developer", company: "Tech Corp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-taking-selfie-clothing-store_482257-67109.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah J.",
|
||||
role: "Marketing",
|
||||
company: "Growth Inc",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-holding-bags-showing-thumb-up_1262-5695.jpg",
|
||||
},
|
||||
id: "t3", name: "Sarah J.", role: "Marketing", company: "Growth Inc", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-holding-bags-showing-thumb-up_1262-5695.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Tom B.",
|
||||
role: "Designer",
|
||||
company: "Creative Co",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/energized-goodlooking-cool-hipster-mature-man-bearded-grey-hair-wrinkles-pointing-himself-bragging_1258-134909.jpg",
|
||||
},
|
||||
id: "t4", name: "Tom B.", role: "Designer", company: "Creative Co", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/energized-goodlooking-cool-hipster-mature-man-bearded-grey-hair-wrinkles-pointing-himself-bragging_1258-134909.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alice K.",
|
||||
role: "Entrepreneur",
|
||||
company: "Startup",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/personal-shopper-helping-cutomer_23-2148924084.jpg",
|
||||
},
|
||||
id: "t5", name: "Alice K.", role: "Entrepreneur", company: "Startup", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/personal-shopper-helping-cutomer_23-2148924084.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Happy Customers",
|
||||
},
|
||||
value: "10k+", label: "Happy Customers"},
|
||||
{
|
||||
value: "50+",
|
||||
label: "New Designs",
|
||||
},
|
||||
value: "50+", label: "New Designs"},
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Average Rating",
|
||||
},
|
||||
value: "4.9", label: "Average Rating"},
|
||||
]}
|
||||
title="Trusted by Thousands"
|
||||
description="Hear what our community says about their style experience."
|
||||
@@ -309,8 +189,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Stay Updated"
|
||||
title="Join Our Fashion List"
|
||||
description="Sign up to get the latest arrivals, exclusive offers, and styling tips directly in your inbox."
|
||||
@@ -324,37 +203,23 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tailoring-items-arrangement-still-life_23-2149647260.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Store",
|
||||
items: [
|
||||
title: "Store", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Catalog",
|
||||
href: "#catalog",
|
||||
},
|
||||
label: "Catalog", href: "#catalog"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping", href: "#"},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Returns", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user