Merge version_1 into main #2
258
src/app/page.tsx
258
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collections", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Black Boy"
|
||||
/>
|
||||
@@ -56,64 +48,39 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Redefining Men’s Style in Channasandra"
|
||||
description="Premium fits. Worth every rupee. Trusted by men who don’t settle for average."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-man-with-shopping-bags_329181-5055.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-man-with-shopping-bags_329181-5055.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-adult-male-soccer-player_23-2150888281.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-adult-male-soccer-player_23-2150888281.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-fashionable-handsome-man-jeans-blue-shirt-look-camera_1258-80379.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-fashionable-handsome-man-jeans-blue-shirt-look-camera_1258-80379.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/picture-smiling-woman-looking-camera_197531-33857.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/picture-smiling-woman-looking-camera_197531-33857.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-businessman-black-shirt-black-suit_158595-4790.jpg",
|
||||
alt: "Young handsome businessman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-businessman-black-shirt-black-suit_158595-4790.jpg", alt: "Young handsome businessman"},
|
||||
]}
|
||||
avatarText="4.5+ Rated by Happy Customers"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
{
|
||||
text: "Visit Store",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Visit Store", href: "#contact"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Quality",
|
||||
},
|
||||
type: "text", text: "Premium Quality"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Perfect Fit",
|
||||
},
|
||||
type: "text", text: "Perfect Fit"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Affordable Luxury",
|
||||
},
|
||||
type: "text", text: "Affordable Luxury"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Style",
|
||||
},
|
||||
type: "text", text: "Modern Style"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Customer First",
|
||||
},
|
||||
type: "text", text: "Customer First"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,20 +90,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "More Than Clothing. It’s Confidence.",
|
||||
},
|
||||
type: "text", content: "More Than Clothing. It’s Confidence."},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9653.jpg",
|
||||
alt: "Our Story",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9653.jpg", alt: "Our Story"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -148,40 +108,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Quality Fabrics",
|
||||
description: "Hand-picked materials ensuring comfort and durability.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-colorful-material-texture_23-2148383676.jpg?_wi=1",
|
||||
},
|
||||
title: "Premium Quality Fabrics", description: "Hand-picked materials ensuring comfort and durability.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-colorful-material-texture_23-2148383676.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-texture-linen-fabric_23-2151914966.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151916017.jpg?_wi=1",
|
||||
imageAlt: "premium fabric texture closeup",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-texture-linen-fabric_23-2151914966.jpg"}
|
||||
},
|
||||
{
|
||||
title: "Affordable Luxury",
|
||||
description: "High-end style accessible to every man.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shopping-concept-with-screaming-women_23-2147705118.jpg?_wi=1",
|
||||
},
|
||||
title: "Affordable Luxury", description: "High-end style accessible to every man.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shopping-concept-with-screaming-women_23-2147705118.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-with-food-donations_23-2149196088.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9653.jpg?_wi=1",
|
||||
imageAlt: "premium fabric texture closeup",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-with-food-donations_23-2149196088.jpg"}
|
||||
},
|
||||
{
|
||||
title: "Friendly Personalized Service",
|
||||
description: "Expert advice from Mani for your perfect fit.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-blogger-recording-station-ready-interview_1303-21986.jpg",
|
||||
},
|
||||
title: "Friendly Personalized Service", description: "Expert advice from Mani for your perfect fit.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-blogger-recording-station-ready-interview_1303-21986.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-wardrobe_171337-19157.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/experienced-florist-standing-being-confident_23-2148435666.jpg?_wi=1",
|
||||
imageAlt: "premium fabric texture closeup",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-wardrobe_171337-19157.jpg"}
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -198,47 +140,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Casual Comfort",
|
||||
price: "₹1,200",
|
||||
variant: "Casual",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/experienced-florist-standing-being-confident_23-2148435666.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Casual Comfort", price: "₹1,200", variant: "Casual", imageSrc: "http://img.b2bpic.net/free-photo/experienced-florist-standing-being-confident_23-2148435666.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Formal Elegance",
|
||||
price: "₹3,500",
|
||||
variant: "Formal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9618.jpg",
|
||||
},
|
||||
id: "p2", name: "Formal Elegance", price: "₹3,500", variant: "Formal", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9618.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Street Drip",
|
||||
price: "₹2,100",
|
||||
variant: "Trending",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-arabian-muslim-boy-with-originally-hair-sunglasses-posed-streets-ladder_627829-13727.jpg",
|
||||
},
|
||||
id: "p3", name: "Street Drip", price: "₹2,100", variant: "Trending", imageSrc: "http://img.b2bpic.net/free-photo/stylish-arabian-muslim-boy-with-originally-hair-sunglasses-posed-streets-ladder_627829-13727.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Classic Trousers",
|
||||
price: "₹1,800",
|
||||
variant: "Formal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-man_1303-4405.jpg",
|
||||
},
|
||||
id: "p4", name: "Classic Trousers", price: "₹1,800", variant: "Formal", imageSrc: "http://img.b2bpic.net/free-photo/african-man_1303-4405.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Premium Cotton Shirt",
|
||||
price: "₹1,500",
|
||||
variant: "Casual",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-hipster-businessman-model-wearing-casual-summer-white-shirt_158538-1002.jpg",
|
||||
},
|
||||
id: "p5", name: "Premium Cotton Shirt", price: "₹1,500", variant: "Casual", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-hipster-businessman-model-wearing-casual-summer-white-shirt_158538-1002.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Slim Fit Blazer",
|
||||
price: "₹4,200",
|
||||
variant: "Formal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-accessoires-travel-with-man-clothing-concept-bow-tie-wooden-background-watch-eyeglasses-bag-hat-airplane-map-white-wood-table_1921-90.jpg",
|
||||
},
|
||||
id: "p6", name: "Slim Fit Blazer", price: "₹4,200", variant: "Formal", imageSrc: "http://img.b2bpic.net/free-photo/top-view-accessoires-travel-with-man-clothing-concept-bow-tie-wooden-background-watch-eyeglasses-bag-hat-airplane-map-white-wood-table_1921-90.jpg"},
|
||||
]}
|
||||
title="Our Latest Collections"
|
||||
description="Explore our curated selection of formal, casual, and trending outfits."
|
||||
@@ -253,20 +165,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1000+",
|
||||
description: "Happy Customers",
|
||||
},
|
||||
id: "m1", value: "1000+", description: "Happy Customers"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
description: "Premium Outfits Delivered",
|
||||
},
|
||||
id: "m2", value: "500+", description: "Premium Outfits Delivered"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Quality Satisfaction",
|
||||
},
|
||||
id: "m3", value: "100%", description: "Quality Satisfaction"},
|
||||
]}
|
||||
title="Trusted Excellence"
|
||||
description="Numbers speak to our commitment to men's fashion in Channasandra."
|
||||
@@ -279,60 +182,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Rahul S.",
|
||||
date: "Jan 2024",
|
||||
title: "Great Experience",
|
||||
quote: "Honestly didn’t expect this level of quality. Worth every rupee.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/middle-age-man-with-grey-hair-dark-color-shirt-looking-camera-with-confident-expression-with-crossed-hands-his-chest-standing-blue-background_141793-133851.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151916017.jpg?_wi=2",
|
||||
imageAlt: "smiling happy customer menswear",
|
||||
},
|
||||
id: "t1", name: "Rahul S.", date: "Jan 2024", title: "Great Experience", quote: "Honestly didn’t expect this level of quality. Worth every rupee.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/middle-age-man-with-grey-hair-dark-color-shirt-looking-camera-with-confident-expression-with-crossed-hands-his-chest-standing-blue-background_141793-133851.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151916017.jpg", imageAlt: "smiling happy customer menswear"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Vijay K.",
|
||||
date: "Feb 2024",
|
||||
title: "Best Service",
|
||||
quote: "The staff is super friendly, especially Mani. Great experience.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiley-girl-holding-shopping-bags_23-2148225666.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9653.jpg?_wi=2",
|
||||
imageAlt: "smiling happy customer menswear",
|
||||
},
|
||||
id: "t2", name: "Vijay K.", date: "Feb 2024", title: "Best Service", quote: "The staff is super friendly, especially Mani. Great experience.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-girl-holding-shopping-bags_23-2148225666.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9653.jpg", imageAlt: "smiling happy customer menswear"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Amit M.",
|
||||
date: "Mar 2024",
|
||||
title: "Top Quality",
|
||||
quote: "Clothes are actually good quality, not just hype.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-girls-making-shopping-mall_176420-5735.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-colorful-material-texture_23-2148383676.jpg?_wi=2",
|
||||
imageAlt: "smiling happy customer menswear",
|
||||
},
|
||||
id: "t3", name: "Amit M.", date: "Mar 2024", title: "Top Quality", quote: "Clothes are actually good quality, not just hype.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-girls-making-shopping-mall_176420-5735.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-colorful-material-texture_23-2148383676.jpg", imageAlt: "smiling happy customer menswear"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Suresh B.",
|
||||
date: "Apr 2024",
|
||||
title: "Great Store",
|
||||
quote: "Very good store for all mens wear.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lumbersexual-businessman-model-man-dressed-jeans-jacket-clothes_158538-1736.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shopping-concept-with-screaming-women_23-2147705118.jpg?_wi=2",
|
||||
imageAlt: "smiling happy customer menswear",
|
||||
},
|
||||
id: "t4", name: "Suresh B.", date: "Apr 2024", title: "Great Store", quote: "Very good store for all mens wear.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lumbersexual-businessman-model-man-dressed-jeans-jacket-clothes_158538-1736.jpg", imageSrc: "http://img.b2bpic.net/free-photo/shopping-concept-with-screaming-women_23-2147705118.jpg", imageAlt: "smiling happy customer menswear"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Prakash V.",
|
||||
date: "May 2024",
|
||||
title: "Affordable",
|
||||
quote: "Products are super, really worth for money.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-posing-with-his-drink-salon_23-2148353455.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/experienced-florist-standing-being-confident_23-2148435666.jpg?_wi=3",
|
||||
imageAlt: "smiling happy customer menswear",
|
||||
},
|
||||
id: "t5", name: "Prakash V.", date: "May 2024", title: "Affordable", quote: "Products are super, really worth for money.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/man-posing-with-his-drink-salon_23-2148353455.jpg", imageSrc: "http://img.b2bpic.net/free-photo/experienced-florist-standing-being-confident_23-2148435666.jpg", imageAlt: "smiling happy customer menswear"},
|
||||
]}
|
||||
title="What Men Are Saying"
|
||||
description="Real feedback from our satisfied customers."
|
||||
@@ -345,20 +203,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Where is the store located?",
|
||||
content: "We are conveniently located in the heart of Channasandra.",
|
||||
},
|
||||
id: "f1", title: "Where is the store located?", content: "We are conveniently located in the heart of Channasandra."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Who can help me choose?",
|
||||
content: "Mr. Mani is available to provide personalized style advice for all our customers.",
|
||||
},
|
||||
id: "f2", title: "Who can help me choose?", content: "Mr. Mani is available to provide personalized style advice for all our customers."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer formal wear?",
|
||||
content: "Yes, we specialize in both premium casual and sharp formal fits.",
|
||||
},
|
||||
id: "f3", title: "Do you offer formal wear?", content: "Yes, we specialize in both premium casual and sharp formal fits."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Quick answers to help you with your purchase."
|
||||
@@ -370,16 +219,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Come Experience It In Person"
|
||||
description="📍 Channasandra | 👤 Ask for Mr. Mani for friendly service 🔥"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Directions", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -391,14 +237,10 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "#", ariaLabel: "Facebook"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user