Merge version_3 into main #3
163
src/app/page.tsx
163
src/app/page.tsx
@@ -3,15 +3,15 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Award, MapPin, ShieldCheck, Smile, Sun, Timer } from "lucide-react";
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Award } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,14 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Essentials", id: "#essentials"},
|
||||
{
|
||||
name: "Deals", id: "#deals"},
|
||||
{
|
||||
name: "Quick Cart", id: "#cart"},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Essentials", id: "#essentials" },
|
||||
{ name: "Deals", id: "#deals" },
|
||||
{ name: "Cart", id: "#cart" },
|
||||
]}
|
||||
brandName="Buy More Mart"
|
||||
/>
|
||||
@@ -46,15 +42,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ 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: "Delivery within 30 Minutes", href: "#"},
|
||||
{ text: "Order on WhatsApp", href: "https://wa.me/919999999999" },
|
||||
{ text: "Delivery within 30 Minutes", href: "#" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-women-shopping-groceries_23-2149461692.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -62,23 +55,17 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="essentials" data-section="essentials">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
<FeatureCardEight
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
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: "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: "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."
|
||||
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: "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: "Personal Care", description: "Essential hygiene products.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z0erfv" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -86,134 +73,74 @@ export default function LandingPage() {
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Local Trust"
|
||||
metrics={[
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Location", value: "Opposite Shakti Mandir"},
|
||||
{
|
||||
icon: Timer,
|
||||
label: "Delivery", value: "30 Min Fast"},
|
||||
{
|
||||
icon: Smile,
|
||||
label: "Community", value: "Serving East Azad Nagar"},
|
||||
]}
|
||||
metrics={[]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="deals" data-section="deals">
|
||||
<ProductCardThree
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
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: "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: "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: "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."
|
||||
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: "p2", name: "Premium Toor Dal", price: "₹120", imageSrc: "http://img.b2bpic.net/free-photo/front-view-arrangement-autumn-vegetables_23-2148634383.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
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: "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: "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"},
|
||||
]}
|
||||
title="Hear from our Neighbors"
|
||||
description="What people in East Azad Nagar say about us."
|
||||
description="Community trust is our biggest asset."
|
||||
testimonials={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="guarantee" data-section="guarantee">
|
||||
<MetricCardOne
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
gridVariant="bento-grid-inverted"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", icon: Award,
|
||||
title: "Milk Freshness", description: "Guaranteed Daily", value: "Fresh"},
|
||||
{
|
||||
id: "m2", icon: ShieldCheck,
|
||||
title: "Dairy Quality", description: "Quality Controlled", value: "Verified"},
|
||||
{
|
||||
id: "m3", icon: Sun,
|
||||
title: "Staple Quality", description: "Farm to Home", value: "Premium"},
|
||||
]}
|
||||
title="Freshness Guarantee"
|
||||
description="We are transparent about our batches."
|
||||
metrics={[
|
||||
{ id: "m1", value: "Fresh", title: "Milk Freshness", items: ["Guaranteed Daily"] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="cart" data-section="cart">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
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."
|
||||
buttonText="Upload/Send List"
|
||||
<ContactText
|
||||
text="Quick-Commerce Cart: Manage your order seamlessly."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "Review Order & Checkout" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-women-shopping-groceries_23-2149461692.jpg"
|
||||
logoText="Buy More Mart"
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "Get Directions", href: "https://maps.google.com"},
|
||||
{
|
||||
label: "WhatsApp Order", href: "https://wa.me/919999999999"},
|
||||
],
|
||||
title: "Shop", items: [{ label: "Catalog", href: "#" }, { label: "Offers", href: "#" }],
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Store Location", href: "#"},
|
||||
{
|
||||
label: "Shakti Mandir", href: "#"},
|
||||
],
|
||||
title: "Account", items: [{ label: "My Orders", href: "#" }, { label: "Support", href: "#" }],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Buy More Mart"
|
||||
bottomLeftText="© 2025 Buy More Mart"
|
||||
bottomRightText="East Azad Nagar, Delhi"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user