Merge version_4 into main #4
193
src/app/page.tsx
193
src/app/page.tsx
@@ -33,36 +33,29 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DtU2MEAeIIKVEKiC8rwK34sovq/uploaded-1779101405426-mwwq71s9.jpg"
|
||||
brandName="B Mart"
|
||||
brandName="B MART (బి మార్ట్)"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
title="Welcome to B Mart - Your Marketplace"
|
||||
description="Experience seamless shopping with the widest selection of products at unbeatable prices. Fast, secure, and reliable."
|
||||
tag="Trusted Marketplace"
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="B MART (బి మార్ట్)"
|
||||
description="Smart Shopping • Best Prices • Daily Needs"
|
||||
tag="Daily Essentials"
|
||||
buttons={[{ text: "Shop Now", href: "#products" }, { text: "View Offers", href: "#pricing" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coronavirus-pandemic-lifestyle-concept-man-face-mask-showing-shopping-bag-hand-sanitizer_1258-155401.jpg", imageAlt: "Product Display"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-european-delivery-man-with-bag-casual-hold-phone-pink_343596-3500.jpg", imageAlt: "Online Shopping"}
|
||||
{ imageSrc: "https://img.freepik.com/free-photo/shopping-cart-full-groceries_23-2148281358.jpg", imageAlt: "B Mart Grocery" },
|
||||
{ imageSrc: "https://img.freepik.com/free-photo/high-angle-arrangement-with-fresh-vegetables-fruits_23-2148784841.jpg", imageAlt: "Fresh Produce" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Rated 5 stars by thousands of happy customers."
|
||||
ratingText="Trusted by thousands of families."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -71,191 +64,95 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fast Delivery", description: "Get your orders at your doorstep in record time.", imageSrc: "http://img.b2bpic.net/free-photo/red-delivery-car-deliver-express-pin-pointer-mark-location-cardboard-boxes-with-bubble-chat-message-delivery-transportation-logistics-concept-white-background-3d-rendering-illustration_56104-1907.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662971.jpg", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Verified Products", description: "Only authentic goods from trusted merchants.", imageSrc: "http://img.b2bpic.net/free-vector/shield-with-checkmark-set_78370-9323.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/protection-accessible-permission-verification-security-concept_53876-144425.jpg", buttonText: "Learn More"},
|
||||
{
|
||||
title: "24/7 Support", description: "Our experts are here to help whenever you need.", imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-young-woman-standing-with-mobile-phone-night-street-outdoors-female-caucasian-student-reading-text-messages-her-cell-phone-with-reflected-her-face-screen-light-blank-screen-phone_1391-79.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/ai-using-glass-phone-futuristic-digital-device_53876-129772.jpg", buttonText: "Learn More"},
|
||||
{ title: "Groceries", description: "Fresh farm produce and daily essentials.", imageSrc: "https://img.freepik.com/free-photo/top-view-fresh-vegetables_23-2148671569.jpg", titleImageSrc: "https://img.freepik.com/free-icon/grocery_318-620248.jpg", buttonText: "Shop Now" },
|
||||
{ title: "Snacks & Beverages", description: "Your favorite brands delivered fresh.", imageSrc: "https://img.freepik.com/free-photo/tasty-snacks_23-2148671569.jpg", titleImageSrc: "https://img.freepik.com/free-icon/snacks_318-620248.jpg", buttonText: "Shop Now" },
|
||||
{ title: "Household Items", description: "Quality cleaning and daily utilities.", imageSrc: "https://img.freepik.com/free-photo/cleaning-products_23-2148671569.jpg", titleImageSrc: "https://img.freepik.com/free-icon/house_318-620248.jpg", buttonText: "Shop Now" }
|
||||
]}
|
||||
title="Why Choose B Mart?"
|
||||
description="We ensure the best shopping experience through fast shipping, verified products, and 24/7 support."
|
||||
title="Our Categories"
|
||||
description="Everything you need, everyday, in one place."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Wireless Headset", price: "$99", imageSrc: "http://img.b2bpic.net/free-photo/wireless-headphones_93675-128034.jpg"},
|
||||
{
|
||||
id: "p2", name: "Smart Watch Pro", price: "$149", imageSrc: "http://img.b2bpic.net/free-photo/front-view-mockup-smartwatch-held-by-person_23-2148226949.jpg"},
|
||||
{
|
||||
id: "p3", name: "Ultrabook 15\"", price: "$899", imageSrc: "http://img.b2bpic.net/free-photo/computer-screens-desk-empty-software-it-agency-office-computers-background-running-programming-code-data-algorithms-neural-network-servers-cloud-computing-data-room_482257-33530.jpg"},
|
||||
{
|
||||
id: "p4", name: "DSLR Camera", price: "$1299", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-photo-camera-still-life_23-2150630668.jpg"},
|
||||
{
|
||||
id: "p5", name: "Soundbar System", price: "$249", imageSrc: "http://img.b2bpic.net/free-photo/macro-shot-spray-can-nozzle_23-2147839376.jpg"},
|
||||
{
|
||||
id: "p6", name: "Tablet 10-inch", price: "$399", imageSrc: "http://img.b2bpic.net/free-photo/cassette-tape-cd-earphone-vinyl-record-microphone-speaker-paper-piano-keys-around-digital-tablet-pink-background_23-2147927001.jpg"},
|
||||
{ id: "1", name: "Organic Milk", price: "₹60", imageSrc: "https://img.freepik.com/free-photo/glass-milk-fresh-milk-background_114579-2423.jpg" },
|
||||
{ id: "2", name: "Fresh Bread", price: "₹40", imageSrc: "https://img.freepik.com/free-photo/freshly-baked-bread_23-2148784841.jpg" },
|
||||
{ id: "3", name: "Basmati Rice", price: "₹150", imageSrc: "https://img.freepik.com/free-photo/raw-basmati-rice_23-2148784841.jpg" }
|
||||
]}
|
||||
title="Our Featured Products"
|
||||
description="Explore the latest tech, gadgets, and lifestyle products curated just for you."
|
||||
title="Top Offers"
|
||||
description="Exclusive deals on daily needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", title: "Company Heritage", value: "10+ Years", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2", title: "Global Presence", value: "50+ Cities", icon: ShoppingBag,
|
||||
},
|
||||
{
|
||||
id: "m3", title: "Customer Trust", value: "4.9/5", icon: Truck,
|
||||
},
|
||||
{ id: "m1", icon: Users, title: "Customers Served", value: "10k+" },
|
||||
{ id: "m2", icon: ShoppingBag, title: "Quality Guaranteed", value: "100%" },
|
||||
{ id: "m3", icon: Truck, title: "Delivery Speed", value: "30min" },
|
||||
]}
|
||||
title="About B Mart"
|
||||
description="We have been redefining retail since 2014, connecting quality products with value-conscious shoppers."
|
||||
title="B MART Quality"
|
||||
description="Dedicated to providing quality products at affordable prices for everyone."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic", badge: "Essential", price: "$0", subtitle: "Free access to standard products", buttons: [
|
||||
{
|
||||
text: "Start Shopping"},
|
||||
],
|
||||
features: [
|
||||
"Standard Shipping", "Standard Support"],
|
||||
},
|
||||
{
|
||||
id: "pro", badge: "Plus Member", price: "$99", subtitle: "Get free shipping and early deals", buttons: [
|
||||
{
|
||||
text: "Upgrade Now"},
|
||||
],
|
||||
features: [
|
||||
"Free Express Shipping", "Exclusive Deals", "Priority Support"],
|
||||
},
|
||||
{ id: "p1", badge: "Fresh", price: "₹99", subtitle: "Daily Essentials Bundle", buttons: [{ text: "Get Deal" }], features: ["Fresh Veggies", "Dairy", "Snacks"] }
|
||||
]}
|
||||
title="Membership Plans"
|
||||
description="Join our B Mart Plus program for exclusive benefits."
|
||||
title="Weekly Offers"
|
||||
description="Save more with our curated weekly bundles."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Aarav Mehta", role: "Verified Customer", company: "B Mart Member", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg"},
|
||||
{
|
||||
id: "2", name: "Priya Sharma", role: "Verified Customer", company: "B Mart Member", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/afro-american-woman-smiling-close-up_23-2148336840.jpg"},
|
||||
{
|
||||
id: "3", name: "Vikram Singh", role: "Verified Customer", company: "B Mart Member", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mixed-race-black-woman-with-curly-hair-studio-with-curtains-portrait-lilac-tones-pastel-tones-clothes-spring-mood_633478-2214.jpg"},
|
||||
{ id: "t1", name: "Ravi K", role: "Customer", company: "Happy Shopper", rating: 5, imageSrc: "https://img.freepik.com/free-photo/man-smiling_23-2148784841.jpg" }
|
||||
]}
|
||||
title="Customer Reviews"
|
||||
description="Hear from our community about their seamless shopping experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Microsoft", "Google", "Amazon", "Apple", "Samsung", "Nike", "Sony"]}
|
||||
title="Trusted Partners"
|
||||
description="Working with the top global brands."
|
||||
description="What our B Mart family says."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "How do I return a product?", content: "You can return products via our portal within 7 days of delivery."},
|
||||
{
|
||||
id: "f2", title: "Is my payment secure?", content: "Absolutely, we use state-of-the-art encryption for all transactions."},
|
||||
{
|
||||
id: "f3", title: "Can I track my order?", content: "Yes, once shipped, you will receive a tracking link via email."},
|
||||
{ id: "f1", title: "Do you deliver daily?", content: "Yes, we deliver 7 days a week." },
|
||||
{ id: "f2", title: "Is there a minimum order?", content: "Minimum order for free delivery is ₹200." }
|
||||
]}
|
||||
sideTitle="Got Questions?"
|
||||
sideDescription="Find answers to our most common shopping inquiries."
|
||||
sideTitle="FAQ"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Customer Support"
|
||||
description="Need assistance with an order or account? Our support team is available 24/7."
|
||||
title="Get in touch"
|
||||
description="Reach out to us for any queries or feedback."
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Describe your support issue..."}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/office-workplace-with-computer-pc_53876-47087.jpg"
|
||||
mediaPosition="right"
|
||||
textarea={{ name: "message", placeholder: "How can we help?" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-techno-purple-background-with-flowing-dots_1048-11161.jpg"
|
||||
logoText="B Mart"
|
||||
columns={[
|
||||
{
|
||||
title: "Store Links", items: [
|
||||
{ label: "Shop All", href: "#products" },
|
||||
{ label: "Plus Membership", href: "#pricing" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal & Policy", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Help Center", href: "#faq" },
|
||||
{ label: "Contact Support", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="B MART (బి మార్ట్)"
|
||||
columns={[{ title: "Store", items: [{ label: "Categories", href: "#features" }, { label: "Offers", href: "#pricing" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -13,12 +13,12 @@
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000612e6;
|
||||
--primary-cta: #106EFB;
|
||||
--primary-cta: #15479c;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta-text: #000612e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #106EFB;
|
||||
--background-accent: #15479c;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user