Update src/app/page.tsx
This commit is contained in:
213
src/app/page.tsx
213
src/app/page.tsx
@@ -11,7 +11,7 @@ import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGaller
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Award, ShoppingBag, Users } from "lucide-react";
|
||||
import { Award, ShoppingBag, Users, Leaf, DollarSign, Truck, Smile } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Hassan General Store"
|
||||
/>
|
||||
@@ -55,31 +47,20 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Welcome to Hassan General Store"
|
||||
description="Your neighborhood destination for fresh, high-quality groceries and essential household items."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/client-shopping-local-retailer_23-2149349422.jpg?_wi=1",
|
||||
imageAlt: "Fresh produce market stall",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/client-shopping-local-retailer_23-2149349422.jpg", imageAlt: "Fresh produce market stall"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mangoes-market_1398-2249.jpg?_wi=1",
|
||||
imageAlt: "Friendly grocer smiling",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mangoes-market_1398-2249.jpg", imageAlt: "Friendly grocer smiling"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/locally-grown-farming-products-empty-farmers-market-stand_482257-77589.jpg?_wi=1",
|
||||
imageAlt: "Organic vegetables shelf",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/locally-grown-farming-products-empty-farmers-market-stand_482257-77589.jpg", imageAlt: "Organic vegetables shelf"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sesonal-vegetable-market-with-variety-agriculture-products-shelfs-boxes_613910-5422.jpg",
|
||||
imageAlt: "Seasonal vegetable market variety",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sesonal-vegetable-market-with-variety-agriculture-products-shelfs-boxes_613910-5422.jpg", imageAlt: "Seasonal vegetable market variety"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-supporting-local-merchant_482257-76594.jpg",
|
||||
imageAlt: "Couple supporting local merchant",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-supporting-local-merchant_482257-76594.jpg", imageAlt: "Couple supporting local merchant"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -92,19 +73,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: ShoppingBag,
|
||||
label: "Product Variety",
|
||||
value: "500+",
|
||||
},
|
||||
label: "Product Variety", value: "500+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Served",
|
||||
value: "10+",
|
||||
},
|
||||
label: "Years Served", value: "10+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Neighbors",
|
||||
value: "2k+",
|
||||
},
|
||||
label: "Happy Neighbors", value: "2k+"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -118,47 +93,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Organic Vegetables",
|
||||
price: "$2.99",
|
||||
variant: "Fresh",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/food-vegetable-colorful-background-tasty-fresh-vegetables-wooden-table-top-view-with-copy-space_1220-1490.jpg",
|
||||
},
|
||||
id: "p1", name: "Organic Vegetables", price: "$2.99", variant: "Fresh", imageSrc: "http://img.b2bpic.net/free-photo/food-vegetable-colorful-background-tasty-fresh-vegetables-wooden-table-top-view-with-copy-space_1220-1490.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Seasonal Fruits",
|
||||
price: "$3.49",
|
||||
variant: "Fresh",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-red-yellow-apples-plums-feykhoas-pears-persimmons-wicker-baskets-also-ground_140725-90151.jpg",
|
||||
},
|
||||
id: "p2", name: "Seasonal Fruits", price: "$3.49", variant: "Fresh", imageSrc: "http://img.b2bpic.net/free-photo/top-view-red-yellow-apples-plums-feykhoas-pears-persimmons-wicker-baskets-also-ground_140725-90151.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Dairy Products",
|
||||
price: "$4.50",
|
||||
variant: "Chilled",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-soft-drink_23-2151281790.jpg",
|
||||
},
|
||||
id: "p3", name: "Dairy Products", price: "$4.50", variant: "Chilled", imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-soft-drink_23-2151281790.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Artisan Bread",
|
||||
price: "$2.50",
|
||||
variant: "Baked",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/large-loaves-bread-counter-bakery_169016-19951.jpg",
|
||||
},
|
||||
id: "p4", name: "Artisan Bread", price: "$2.50", variant: "Baked", imageSrc: "http://img.b2bpic.net/free-photo/large-loaves-bread-counter-bakery_169016-19951.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Pantry Staples",
|
||||
price: "$5.00",
|
||||
variant: "Essential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-cartoon-shopping-cart_23-2151680626.jpg",
|
||||
},
|
||||
id: "p5", name: "Pantry Staples", price: "$5.00", variant: "Essential", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-cartoon-shopping-cart_23-2151680626.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Assorted Goods",
|
||||
price: "$1.99",
|
||||
variant: "Package",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-bread-reusable-bag-with-bulk-pasta-nuts_23-2148493532.jpg",
|
||||
},
|
||||
id: "p6", name: "Assorted Goods", price: "$1.99", variant: "Package", imageSrc: "http://img.b2bpic.net/free-photo/front-view-bread-reusable-bag-with-bulk-pasta-nuts_23-2148493532.jpg"},
|
||||
]}
|
||||
title="Fresh Arrivals"
|
||||
description="Browse our hand-picked selection of fresh groceries."
|
||||
@@ -171,33 +116,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Farm-Fresh",
|
||||
description: "Locally sourced produce delivered daily.",
|
||||
buttonIcon: "Leaf",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetables-bread-shopping-bag-wooden-surface_169016-20848.jpg",
|
||||
imageAlt: "grocery store icon set",
|
||||
},
|
||||
title: "Farm-Fresh", description: "Locally sourced produce delivered daily.", buttonIcon: Leaf,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetables-bread-shopping-bag-wooden-surface_169016-20848.jpg", imageAlt: "grocery store icon set"},
|
||||
{
|
||||
title: "Affordable Prices",
|
||||
description: "Competitive rates for all families.",
|
||||
buttonIcon: "DollarSign",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/client-shopping-local-retailer_23-2149349422.jpg?_wi=2",
|
||||
imageAlt: "grocery store icon set",
|
||||
},
|
||||
title: "Affordable Prices", description: "Competitive rates for all families.", buttonIcon: DollarSign,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/client-shopping-local-retailer_23-2149349422.jpg", imageAlt: "grocery store icon set"},
|
||||
{
|
||||
title: "Quick Delivery",
|
||||
description: "Get essentials at your doorstep.",
|
||||
buttonIcon: "Truck",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mangoes-market_1398-2249.jpg?_wi=2",
|
||||
imageAlt: "grocery store icon set",
|
||||
},
|
||||
title: "Quick Delivery", description: "Get essentials at your doorstep.", buttonIcon: Truck,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mangoes-market_1398-2249.jpg", imageAlt: "grocery store icon set"},
|
||||
{
|
||||
title: "Exceptional Service",
|
||||
description: "Always here to help you shop.",
|
||||
buttonIcon: "Smile",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/locally-grown-farming-products-empty-farmers-market-stand_482257-77589.jpg?_wi=2",
|
||||
imageAlt: "grocery store icon set",
|
||||
},
|
||||
title: "Exceptional Service", description: "Always here to help you shop.", buttonIcon: Smile,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/locally-grown-farming-products-empty-farmers-market-stand_482257-77589.jpg", imageAlt: "grocery store icon set"},
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
description="Experience convenience and quality like never before at Hassan General Store."
|
||||
@@ -211,40 +140,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ahmed K.",
|
||||
handle: "@ahmedk",
|
||||
testimonial: "Fresh and high quality products every time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mother-with-daughter-supermarket_1157-21968.jpg",
|
||||
},
|
||||
id: "1", name: "Ahmed K.", handle: "@ahmedk", testimonial: "Fresh and high quality products every time.", imageSrc: "http://img.b2bpic.net/free-photo/mother-with-daughter-supermarket_1157-21968.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah M.",
|
||||
handle: "@sarahm",
|
||||
testimonial: "The best corner store in the neighborhood.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-red-holding-bananas-fruits-store_627829-9465.jpg",
|
||||
},
|
||||
id: "2", name: "Sarah M.", handle: "@sarahm", testimonial: "The best corner store in the neighborhood.", imageSrc: "http://img.b2bpic.net/free-photo/girl-red-holding-bananas-fruits-store_627829-9465.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "John D.",
|
||||
handle: "@johnd",
|
||||
testimonial: "Great service and friendly staff.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-supermarket-with-vegetables-fruits-buying-groceries_169016-19098.jpg",
|
||||
},
|
||||
id: "3", name: "John D.", handle: "@johnd", testimonial: "Great service and friendly staff.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-supermarket-with-vegetables-fruits-buying-groceries_169016-19098.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Fatima Z.",
|
||||
handle: "@fatimaz",
|
||||
testimonial: "Always fresh, always reliable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-little-girl-supermarket_1157-21969.jpg",
|
||||
},
|
||||
id: "4", name: "Fatima Z.", handle: "@fatimaz", testimonial: "Always fresh, always reliable.", imageSrc: "http://img.b2bpic.net/free-photo/cute-little-girl-supermarket_1157-21969.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ali B.",
|
||||
handle: "@alib",
|
||||
testimonial: "A staple of our community.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-grocery-bags-having-juice-outdoors_23-2148781528.jpg",
|
||||
},
|
||||
id: "5", name: "Ali B.", handle: "@alib", testimonial: "A staple of our community.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-grocery-bags-having-juice-outdoors_23-2148781528.jpg"},
|
||||
]}
|
||||
title="Community Voices"
|
||||
description="What our neighbors are saying about us."
|
||||
@@ -256,20 +160,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you deliver?",
|
||||
content: "Yes, we offer doorstep delivery services.",
|
||||
},
|
||||
id: "q1", title: "Do you deliver?", content: "Yes, we offer doorstep delivery services."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are you open daily?",
|
||||
content: "We operate from 8 AM to 10 PM daily.",
|
||||
},
|
||||
id: "q2", title: "Are you open daily?", content: "We operate from 8 AM to 10 PM daily."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you accept cards?",
|
||||
content: "Yes, all major cards are accepted.",
|
||||
},
|
||||
id: "q3", title: "Do you accept cards?", content: "Yes, all major cards are accepted."},
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -283,22 +178,14 @@ export default function LandingPage() {
|
||||
description="We would love to hear from our neighbors. Send us a message."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "How can we help?", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/asian-couple-shopping-flowers-barcelona_657883-571.jpg"
|
||||
@@ -310,29 +197,19 @@ export default function LandingPage() {
|
||||
logoText="Hassan General Store"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Products", href: "#products"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Message Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Message Us", href: "#contact"},
|
||||
{
|
||||
label: "Location",
|
||||
href: "#",
|
||||
},
|
||||
label: "Location", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user