Merge version_2 into main #1
211
src/app/page.tsx
211
src/app/page.tsx
@@ -3,11 +3,11 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Essentials",
|
||||
id: "#essentials",
|
||||
},
|
||||
name: "Essentials", id: "#essentials"},
|
||||
{
|
||||
name: "Deals",
|
||||
id: "#deals",
|
||||
},
|
||||
name: "Deals", id: "#deals"},
|
||||
{
|
||||
name: "Quick Cart",
|
||||
id: "#cart",
|
||||
},
|
||||
name: "Quick Cart", id: "#cart"},
|
||||
]}
|
||||
brandName="Buy More Mart"
|
||||
/>
|
||||
@@ -55,19 +47,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
logoText="Buy More Mart"
|
||||
description="Your Neighborhood Pantry in East Azad Nagar. Fresh, Friendly, and Fast grocery delivery."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order on WhatsApp",
|
||||
href: "https://wa.me/919999999999",
|
||||
},
|
||||
text: "Order on WhatsApp", href: "https://wa.me/919999999999"},
|
||||
{
|
||||
text: "Delivery within 30 Minutes",
|
||||
href: "#",
|
||||
},
|
||||
text: "Delivery within 30 Minutes", href: "#"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-women-shopping-groceries_23-2149461692.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -82,25 +69,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Milk & Dairy",
|
||||
description: "Fresh milk, yogurt, and butter.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/sketch-milk-products-set_1284-10907.jpg",
|
||||
},
|
||||
title: "Milk & Dairy", description: "Fresh milk, yogurt, and butter.", imageSrc: "http://img.b2bpic.net/free-vector/sketch-milk-products-set_1284-10907.jpg"},
|
||||
{
|
||||
title: "Atta & Dal",
|
||||
description: "High-quality grains and staples.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-pancake-day-design-elements-collection_23-2151168374.jpg",
|
||||
},
|
||||
title: "Atta & Dal", description: "High-quality grains and staples.", imageSrc: "http://img.b2bpic.net/free-vector/flat-pancake-day-design-elements-collection_23-2151168374.jpg"},
|
||||
{
|
||||
title: "Snacks",
|
||||
description: "Delicious bites for every time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/health-wellness-diet-exercise-organic-concept_53876-125033.jpg",
|
||||
},
|
||||
title: "Snacks", description: "Delicious bites for every time.", imageSrc: "http://img.b2bpic.net/free-photo/health-wellness-diet-exercise-organic-concept_53876-125033.jpg"},
|
||||
{
|
||||
title: "Personal Care",
|
||||
description: "Essential hygiene products.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z0erfv",
|
||||
},
|
||||
title: "Personal Care", description: "Essential hygiene products.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z0erfv"},
|
||||
]}
|
||||
title="Daily Essentials"
|
||||
description="Quick-access categories for your daily needs."
|
||||
@@ -114,19 +89,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Location",
|
||||
value: "Opposite Shakti Mandir",
|
||||
},
|
||||
label: "Location", value: "Opposite Shakti Mandir"},
|
||||
{
|
||||
icon: Timer,
|
||||
label: "Delivery",
|
||||
value: "30 Min Fast",
|
||||
},
|
||||
label: "Delivery", value: "30 Min Fast"},
|
||||
{
|
||||
icon: Smile,
|
||||
label: "Community",
|
||||
value: "Serving East Azad Nagar",
|
||||
},
|
||||
label: "Community", value: "Serving East Azad Nagar"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -140,41 +109,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Fresh Spinach",
|
||||
price: "₹30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-organic-vegetables-bowl-wooden-surface_23-2147927266.jpg",
|
||||
},
|
||||
id: "p1", name: "Fresh Spinach", price: "₹30", imageSrc: "http://img.b2bpic.net/free-photo/fresh-organic-vegetables-bowl-wooden-surface_23-2147927266.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Premium Toor Dal",
|
||||
price: "₹120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-arrangement-autumn-vegetables_23-2148634383.jpg",
|
||||
},
|
||||
id: "p2", name: "Premium Toor Dal", price: "₹120", imageSrc: "http://img.b2bpic.net/free-photo/front-view-arrangement-autumn-vegetables_23-2148634383.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Healthy Nut Mix",
|
||||
price: "₹99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cereal-shopping-basket_53876-32318.jpg",
|
||||
},
|
||||
id: "p3", name: "Healthy Nut Mix", price: "₹99", imageSrc: "http://img.b2bpic.net/free-photo/cereal-shopping-basket_53876-32318.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Farm Fresh Milk",
|
||||
price: "₹60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-organic-milk-with-copy-space_23-2148610552.jpg",
|
||||
},
|
||||
id: "p4", name: "Farm Fresh Milk", price: "₹60", imageSrc: "http://img.b2bpic.net/free-photo/top-view-organic-milk-with-copy-space_23-2148610552.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Fresh Whole Wheat Bread",
|
||||
price: "₹45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bread_1203-2774.jpg",
|
||||
},
|
||||
id: "p5", name: "Fresh Whole Wheat Bread", price: "₹45", imageSrc: "http://img.b2bpic.net/free-photo/bread_1203-2774.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Herbal Shampoo",
|
||||
price: "₹150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-beauty-products-displayed-shelf_23-2150718009.jpg",
|
||||
},
|
||||
id: "p6", name: "Herbal Shampoo", price: "₹150", imageSrc: "http://img.b2bpic.net/free-photo/assortment-beauty-products-displayed-shelf_23-2150718009.jpg"},
|
||||
]}
|
||||
title="Deals of the Day"
|
||||
description="Price-slashed items you shouldn't miss."
|
||||
@@ -189,45 +134,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Anita Sharma",
|
||||
role: "Resident",
|
||||
company: "East Azad Nagar",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-multiethnic-couple-grocery-store_23-2148216070.jpg",
|
||||
},
|
||||
id: "t1", name: "Anita Sharma", role: "Resident", company: "East Azad Nagar", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-multiethnic-couple-grocery-store_23-2148216070.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Rahul Verma",
|
||||
role: "Local Shop Owner",
|
||||
company: "Nearby",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-shopping-eco-friendly-shop_482257-76223.jpg",
|
||||
},
|
||||
id: "t2", name: "Rahul Verma", role: "Local Shop Owner", company: "Nearby", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-shopping-eco-friendly-shop_482257-76223.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Priya Singh",
|
||||
role: "Housewife",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/organic-market-customer-checks-sauces_482257-76705.jpg",
|
||||
},
|
||||
id: "t3", name: "Priya Singh", role: "Housewife", company: "Local", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/organic-market-customer-checks-sauces_482257-76705.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Vijay Gupta",
|
||||
role: "Customer",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-brunette-woman-with-combed-hair-clean-face-skin-looking-thoughtful-logo-promo-left-empty-space-isolated-studio-background_176420-46713.jpg",
|
||||
},
|
||||
id: "t4", name: "Vijay Gupta", role: "Customer", company: "Local", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-brunette-woman-with-combed-hair-clean-face-skin-looking-thoughtful-logo-promo-left-empty-space-isolated-studio-background_176420-46713.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sunita Rao",
|
||||
role: "Customer",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ready-work-mature-painter-with-case-instruments-have-walk-beautiful-spring-park_146671-16221.jpg",
|
||||
},
|
||||
id: "t5", name: "Sunita Rao", role: "Customer", company: "Local", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ready-work-mature-painter-with-case-instruments-have-walk-beautiful-spring-park_146671-16221.jpg"},
|
||||
]}
|
||||
title="Hear from our Neighbors"
|
||||
description="What people in East Azad Nagar say about us."
|
||||
@@ -235,29 +155,21 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="guarantee" data-section="guarantee">
|
||||
<MetricCardThree
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
gridVariant="bento-grid-inverted"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Milk Freshness",
|
||||
value: "Today's Batch",
|
||||
},
|
||||
id: "m1", icon: Award,
|
||||
title: "Milk Freshness", description: "Guaranteed Daily", value: "Fresh"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: ShieldCheck,
|
||||
title: "Dairy Quality",
|
||||
value: "Verified",
|
||||
},
|
||||
id: "m2", icon: ShieldCheck,
|
||||
title: "Dairy Quality", description: "Quality Controlled", value: "Verified"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Sun,
|
||||
title: "Staple Quality",
|
||||
value: "Premium",
|
||||
},
|
||||
id: "m3", icon: Sun,
|
||||
title: "Staple Quality", description: "Farm to Home", value: "Premium"},
|
||||
]}
|
||||
title="Freshness Guarantee"
|
||||
description="We are transparent about our batches."
|
||||
@@ -265,53 +177,40 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="cart" data-section="cart">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Quick Order"
|
||||
title="Send Your Grocery List"
|
||||
description="Upload a photo of your handwritten list or just type it out, and we'll deliver it to your doorstep."
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="Paste your grocery list here"
|
||||
buttonText="Upload/Send List"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-women-holding-shopping-bags_23-2149461685.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-women-shopping-groceries_23-2149461692.jpg"
|
||||
logoText="Buy More Mart"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "Get Directions",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
label: "Get Directions", href: "https://maps.google.com"},
|
||||
{
|
||||
label: "WhatsApp Order",
|
||||
href: "https://wa.me/919999999999",
|
||||
},
|
||||
label: "WhatsApp Order", href: "https://wa.me/919999999999"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Store Location",
|
||||
href: "#",
|
||||
},
|
||||
label: "Store Location", href: "#"},
|
||||
{
|
||||
label: "Shakti Mandir",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shakti Mandir", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Buy More Mart"
|
||||
bottomRightText="East Azad Nagar, Delhi"
|
||||
copyrightText="© 2024 Buy More Mart"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user