Merge version_3 into main #5
229
src/app/page.tsx
229
src/app/page.tsx
@@ -2,15 +2,12 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import ContactFAQ from '@/components/sections/contact/ContactFAQ';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import { Bell, Flame, MessageSquare, Package, ShoppingCart, Star, Truck, Users } from 'lucide-react';
|
||||
import { Bell, MessageSquare } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,9 +27,8 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Offers", id: "offers" },
|
||||
{ name: "Why Us", id: "why-us" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Gallery", id: "hero" },
|
||||
{ name: "Metrics", id: "metrics" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{
|
||||
@@ -43,152 +39,127 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Premium Mens Wear at Budget Prices"
|
||||
description="Trendy Shirts, Tees & Combos at Unbeatable Prices | ⭐ 3.8 Google Rating | Open till 11 PM | Expert Style Consultation"
|
||||
<HeroBillboardGallery
|
||||
title="Premium Mens Wear Collection"
|
||||
description="Discover our exclusive range of premium quality mens wear at budget-friendly prices. From formal shirts to casual tees, find your perfect style."
|
||||
tag="Featured Collection"
|
||||
tagIcon={Bell}
|
||||
images={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-shopping-menswear-shop_1303-19869.jpg", alt: "mens wear store clothing shop interior modern retail men clothing display"
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-men-fashion-shirt_1203-7650.jpg?_wi=1", alt: "men shirts combo affordable clothing bundle 4 pack shirts casual wear set"
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/men-s-formal-wear-collection_53876-16559.jpg?_wi=1", alt: "formal shirt combo dress shirt collection business casual wear formal attire"
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-tall-arabian-man-model-white-shirt-jeans-sunglasses-posed-street-city-beard-attractive-arab-guy_627829-2583.jpg?_wi=1", alt: "mens jeans casual wear denim collection casual pants jeans fashion"
|
||||
}
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "📞 Call Now", href: "tel:+919630105490" },
|
||||
{ text: "💬 WhatsApp", href: "https://wa.me/919630105490" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-man-shopping-menswear-shop_1303-19869.jpg"
|
||||
imageAlt="mens wear store clothing shop interior modern retail men clothing display"
|
||||
showDimOverlay={true}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-us" data-section="why-us">
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[
|
||||
{ type: "text", content: "Why Choose Apna Mens Wear? Your Trusted Premium Store" }
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Explore Our Collection", href: "tel:+919630105490" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
title="Why Our Customers Love Us"
|
||||
description="Trusted by thousands of discerning shoppers across Indore. Premium quality at remarkable prices since years"
|
||||
features={[
|
||||
{
|
||||
title: "Affordable Premium Combo Deals", description: "Get 4 premium shirts for ₹1000 and exclusive bulk offers. Unmatched quality at unbeatable prices", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-men-fashion-shirt_1203-7650.jpg?_wi=1", imageAlt: "men shirts combo affordable clothing bundle 4 pack shirts casual wear set", buttonIcon: ShoppingCart,
|
||||
buttonHref: "tel:+919630105490"
|
||||
},
|
||||
{
|
||||
title: "Expert Style Consultation", description: "Our trained team helps you find the perfect fit, style and color combination for your personality", imageSrc: "http://img.b2bpic.net/free-photo/men-s-formal-wear-collection_53876-16559.jpg?_wi=1", imageAlt: "formal shirt combo dress shirt collection business casual wear formal attire", buttonIcon: Users,
|
||||
buttonHref: "tel:+919630105490"
|
||||
},
|
||||
{
|
||||
title: "Convenient In-Store Experience", description: "Premium store ambiance with quick pickup options. Visit us anytime - zero hassle shopping experience", imageSrc: "http://img.b2bpic.net/free-photo/old-friends-walking-talking-outdoors_23-2148179962.jpg?_wi=1", imageAlt: "mens t-shirts collection casual tee bundle 4 pack t-shirts comfortable wear", buttonIcon: Package,
|
||||
buttonHref: "tel:+919630105490"
|
||||
},
|
||||
{
|
||||
title: "Swift Local Delivery Service", description: "Fast, reliable delivery across Bhawarkua and surrounding areas. Track your order in real-time", imageSrc: "http://img.b2bpic.net/free-photo/stylish-tall-arabian-man-model-white-shirt-jeans-sunglasses-posed-street-city-beard-attractive-arab-guy_627829-2583.jpg?_wi=1", imageAlt: "mens jeans casual wear denim collection casual pants jeans fashion", buttonIcon: Truck,
|
||||
buttonHref: "tel:+919630105490"
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
tag="Why Us"
|
||||
tagIcon={Star}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="offers" data-section="offers">
|
||||
<ProductCardFour
|
||||
title="Premium Collection Showcases"
|
||||
description="Curated premium mens fashion collection - Limited time exclusive deals on premium quality"
|
||||
tag="Best Sellers"
|
||||
tagIcon={Flame}
|
||||
products={[
|
||||
{
|
||||
id: "combo-4shirts", name: "Premium 4 Shirts Bundle", price: "₹1,000", variant: "Assorted Premium Colors & Styles", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-men-fashion-shirt_1203-7650.jpg?_wi=2", imageAlt: "men shirts combo affordable clothing bundle 4 pack shirts casual wear set"
|
||||
},
|
||||
{
|
||||
id: "formal-combo", name: "Executive Formal Combo Pack", price: "₹800", variant: "Shirt + Tie + Pocket Square", imageSrc: "http://img.b2bpic.net/free-photo/men-s-formal-wear-collection_53876-16559.jpg?_wi=2", imageAlt: "formal shirt combo dress shirt collection business casual wear formal attire"
|
||||
},
|
||||
{
|
||||
id: "tshirt-combo", name: "Premium 4 T-Shirts Bundle", price: "₹1,000", variant: "Casual Premium & Comfortable", imageSrc: "http://img.b2bpic.net/free-photo/old-friends-walking-talking-outdoors_23-2148179962.jpg?_wi=2", imageAlt: "mens t-shirts collection casual tee bundle 4 pack t-shirts comfortable wear"
|
||||
},
|
||||
{
|
||||
id: "jeans-casual", name: "Premium Denim & Casual Wear", price: "₹600", variant: "Premium Denim Quality", imageSrc: "http://img.b2bpic.net/free-photo/stylish-tall-arabian-man-model-white-shirt-jeans-sunglasses-posed-street-city-beard-attractive-arab-guy_627829-2583.jpg?_wi=2", imageAlt: "mens jeans casual wear denim collection casual pants jeans fashion"
|
||||
}
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
title="Trusted by Thousands of Satisfied Customers"
|
||||
description="Join our growing community of style-conscious shoppers from Bhawarkua, Indore and across the city"
|
||||
tag="Community"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"College Students", "Working Professionals", "Budget Shoppers", "Bulk Buyers", "Local Families", "Fashion Enthusiasts", "Regular Customers"
|
||||
]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
title="Customer Reviews & Social Proof"
|
||||
description="Read what our happy customers have to say about Apna Mens Wear - Premium quality at budget prices"
|
||||
tag="Feedback"
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
title="Why Apna Mens Wear Stands Out"
|
||||
description="We deliver excellence in quality, pricing, and customer service. Here's what makes us the preferred choice for thousands of customers."
|
||||
tag="Our Strength"
|
||||
tagIcon={MessageSquare}
|
||||
testimonials={[
|
||||
metrics={[
|
||||
{
|
||||
id: "1", name: "Rohit Sharma", role: "College Student", testimonial: "Best place to buy premium affordable quality shirts in Bhawarkua! Staff is super friendly and the 4 shirts for ₹1000 combo is unbeatable. The quality is surprisingly premium!", imageSrc: "http://img.b2bpic.net/free-photo/male-dj-grey-suit-with-headphones-neck_114579-15958.jpg", imageAlt: "male customer portrait professional man photo happy customer Indian man"
|
||||
id: "1", value: "15+", title: "Years in Premium Mens Fashion", items: [
|
||||
"Expert style consultation", "Trusted quality standards", "Dedicated customer service"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "2", name: "Ajay Kumar", role: "Working Professional", testimonial: "I've been shopping here for 2 years. The quality is reliable and premium, prices are budget-friendly, and they have great combo deals. Highly recommended for all working professionals!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-with-book-his-hand_641386-167.jpg", imageAlt: "young man portrait college student photo casual man confident expression"
|
||||
id: "2", value: "500+", title: "Happy Customers Monthly", items: [
|
||||
"3.8⭐ Google Rating", "Fast local delivery", "Exclusive combo deals"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "3", name: "Vikram Singh", role: "Bulk Buyer", testimonial: "Excellent for office uniform orders and corporate purchases. They offer fantastic bulk discounts and deliver right on time. Very professional and premium service!", imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151099215.jpg", imageAlt: "business professional man confident portrait work casual Indian businessman"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Nitin Patel", role: "Local Resident", testimonial: "Love their premium collection and the location is so convenient in Bhawarkua. Staff always helps me find the right fit and style. Great premium experience!", imageSrc: "http://img.b2bpic.net/free-photo/handsome-businesman-summer-city_1157-18994.jpg", imageAlt: "young professional portrait smiling man office wear modern professional"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Arjun Verma", role: "Regular Customer", testimonial: "Perfect premium quality at perfect prices. I bring all my friends here now. The service is quick, friendly, and the staff knows their products inside out. Highly satisfied!", imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-man-red-shirt-with-optical-glasses-holds-points-paper-bags-isolated-orange-wall_141793-35482.jpg", imageAlt: "male customer satisfied happy shopper positive expression Indian male"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Sandeep Gupta", role: "Business Owner", testimonial: "Ordered 50 premium shirts for my staff. Got amazing bulk rates, fast delivery, and excellent quality. Apna Mens Wear is my go-to premium store now for corporate needs!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelmodern-man-dressed-elegant-suit-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22400.jpg", imageAlt: "professional man portrait confident male modern look fashionable man"
|
||||
id: "3", value: "100%", title: "Quality Guarantee", items: [
|
||||
"Premium fabrics only", "Perfect fit assurance", "Customer satisfaction first"
|
||||
]
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Stay Connected"
|
||||
title="Get Premium Offers & Updates Directly"
|
||||
description="Subscribe to our exclusive newsletter and get premium deals, new arrivals, limited edition collections, and special combo offers delivered to your inbox."
|
||||
<ContactFAQ
|
||||
tag="Got Questions?"
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about our premium mens wear collection, pricing, delivery, and more."
|
||||
tagIcon={Bell}
|
||||
tagAnimation="slide-up"
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Subscribe Now"
|
||||
termsText="We respect your privacy and premium customer experience. You can unsubscribe anytime."
|
||||
background={{ variant: "rotated-rays-animated-grid" }}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "What makes your mens wear premium quality?", content: "We source only the finest fabrics and materials, ensuring durability, comfort, and style. Each piece undergoes strict quality checks before reaching our customers."
|
||||
},
|
||||
{
|
||||
id: "2", title: "Do you offer bulk orders and corporate discounts?", content: "Yes! We specialize in bulk orders for corporate uniforms and group purchases. Contact us for exclusive bulk rates and faster delivery for orders above 50 pieces."
|
||||
},
|
||||
{
|
||||
id: "3", title: "What is your delivery area and time?", content: "We deliver across Bhawarkua and surrounding areas in Indore. Standard delivery takes 2-3 business days. Express delivery available for urgent orders within 24 hours."
|
||||
},
|
||||
{
|
||||
id: "4", title: "How do I find my perfect size and fit?", content: "Our expert staff provides personalized style consultation to help you find the perfect fit. Visit our store or call us for guidance. We also accept size exchanges within 7 days."
|
||||
},
|
||||
{
|
||||
id: "5", title: "What payment methods do you accept?", content: "We accept cash, digital payments (UPI, debit/credit cards), and online transfers. For online orders, we accept all major payment gateways for your convenience."
|
||||
}
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
animationType="smooth"
|
||||
showCard={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<MetricCardThree
|
||||
title="Why Choose Apna Mens Wear?"
|
||||
description="Experience premium quality at unbeatable prices with our expert team dedicated to your style."
|
||||
tag="Our Commitment"
|
||||
tagIcon={MessageSquare}
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "₹1000", title: "4 Premium Shirts Bundle", items: [
|
||||
"Assorted premium colors", "Perfect for everyday wear", "Unbeatable value"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "2", value: "Expert", title: "Style Consultation", items: [
|
||||
"Personal styling advice", "Perfect fit guarantee", "Color coordination help"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "3", value: "Fast", title: "Local Delivery", items: [
|
||||
"2-3 days standard", "24-hour express option", "Real-time tracking"
|
||||
]
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer-media" data-section="footer-media">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-choosing-leather-belt-store_482257-85806.jpg"
|
||||
imageAlt="mens clothing store exterior retail shop front Indore store shopping destination"
|
||||
@@ -198,9 +169,9 @@ export default function LandingPage() {
|
||||
{
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "Premium Collection", href: "#offers" },
|
||||
{ label: "Why Choose Us", href: "#why-us" },
|
||||
{ label: "Customer Reviews", href: "#testimonials" }
|
||||
{ label: "Gallery", href: "#hero" },
|
||||
{ label: "Metrics", href: "#metrics" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user