Merge version_2 into main #1
201
src/app/page.tsx
201
src/app/page.tsx
@@ -2,7 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Offerings",
|
||||
id: "products",
|
||||
},
|
||||
name: "Offerings", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="International Halal"
|
||||
/>
|
||||
@@ -54,47 +46,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Freshness Delivered Daily"
|
||||
description="Your local home for premium, authentic halal meats, fresh produce, and imported international ingredients. Serving the community with quality and care."
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Visit Us", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-lamps-second-hand-market_23-2149338437.jpg",
|
||||
imageAlt: "Fresh Produce",
|
||||
},
|
||||
id: "1", imageSrc: "https://images.unsplash.com/photo-1542838132-92c53300491e?q=80&w=2000", imageAlt: "Fresh produce display"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-spices-tree-branches-different-spices-tree-branches-with-cones-christmas-tree-toys_140725-111361.jpg",
|
||||
imageAlt: "Halal Meats",
|
||||
},
|
||||
id: "2", imageSrc: "https://images.unsplash.com/photo-1596560548697-393226279f53?q=80&w=2000", imageAlt: "Premium Halal meat cuts"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-bazaar-full-different-vegetables_181624-13826.jpg",
|
||||
imageAlt: "Imported Spices",
|
||||
},
|
||||
id: "3", imageSrc: "https://images.unsplash.com/photo-1590779033100-9f60a05a013d?q=80&w=2000", imageAlt: "Aromatic imported spices"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/landscape-scene-from-ancient-baghdad-inspired-by-video-games_23-2151220649.jpg",
|
||||
imageAlt: "Bakery Items",
|
||||
},
|
||||
id: "4", imageSrc: "https://images.unsplash.com/photo-1509440159596-0249088772ff?q=80&w=2000", imageAlt: "Fresh baked goods"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-seasonings-with-fresh-vegetables-black_140725-103976.jpg",
|
||||
imageAlt: "Dairy Selection",
|
||||
},
|
||||
id: "5", imageSrc: "https://images.unsplash.com/photo-1526367460999-5b7d78e7385d?q=80&w=2000", imageAlt: "Artisan dairy selection"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-organic-vegetables-local-food-market_23-2148209728.jpg",
|
||||
imageAlt: "Grains and Pantry",
|
||||
},
|
||||
id: "6", imageSrc: "https://images.unsplash.com/photo-1586201375761-83865001e31c?q=80&w=2000", imageAlt: "Healthy grains and pantry staples"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -104,8 +75,8 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="About Our Store"
|
||||
description="Founded with a passion for quality and heritage, we bring the best flavors from around the world to your table. Our commitment to authentic, high-quality halal products is at the core of everything we do."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/image-excited-asian-female-barista-looking-surprised-pointing-smth-cafe-standing-near_1258-199214.jpg"
|
||||
imageAlt="About Our Store"
|
||||
imageSrc="https://images.unsplash.com/photo-1578911370259-7f30773b0e27?q=80&w=1200"
|
||||
imageAlt="Quality ingredients showcased in our store"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -117,59 +88,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Fresh",
|
||||
name: "Halal Beef",
|
||||
price: "$12.99/lb",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pineapple-still-life_23-2151605478.jpg",
|
||||
},
|
||||
id: "1", brand: "Premium", name: "Halal Beef Selection", price: "$12.99/lb", rating: 5,
|
||||
reviewCount: "120", imageSrc: "https://images.unsplash.com/photo-1603048297172-c92544798d5e?q=80&w=800"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Organic",
|
||||
name: "Fresh Vegetables",
|
||||
price: "$4.50",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-lemon_23-2148238099.jpg",
|
||||
},
|
||||
id: "2", brand: "Organic", name: "Farm Fresh Veggies", price: "$4.50", rating: 5,
|
||||
reviewCount: "95", imageSrc: "https://images.unsplash.com/photo-1540420773420-3365792f3923?q=80&w=800"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Imported",
|
||||
name: "Basmati Rice",
|
||||
price: "$15.00",
|
||||
rating: 4,
|
||||
reviewCount: "88",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baskets-with-exotic-fruits-supermarket-showcase_169016-36902.jpg",
|
||||
},
|
||||
id: "3", brand: "Imported", name: "Aged Basmati Rice", price: "$15.00", rating: 4,
|
||||
reviewCount: "88", imageSrc: "https://images.unsplash.com/photo-1586201375761-83865001e31c?q=80&w=800"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Fresh",
|
||||
name: "Halal Chicken",
|
||||
price: "$8.99/lb",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-assortment-vegetables-with-word-vegan-paper-bag_23-2148853339.jpg",
|
||||
},
|
||||
id: "4", brand: "Premium", name: "Halal Chicken Whole", price: "$8.99/lb", rating: 5,
|
||||
reviewCount: "150", imageSrc: "https://images.unsplash.com/photo-1598103442097-8b74394b95c6?q=80&w=800"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Spices",
|
||||
name: "Mixed Masala",
|
||||
price: "$5.99",
|
||||
rating: 5,
|
||||
reviewCount: "65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-shopping-with-mask-medium-shot_23-2149445534.jpg",
|
||||
},
|
||||
id: "5", brand: "Spices", name: "Custom Spice Blend", price: "$5.99", rating: 5,
|
||||
reviewCount: "65", imageSrc: "https://images.unsplash.com/photo-1596040033229-a9821b059d78?q=80&w=800"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Dairy",
|
||||
name: "Fresh Yogurt",
|
||||
price: "$3.50",
|
||||
rating: 4,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-dispenser-bottle_23-2150992108.jpg",
|
||||
},
|
||||
id: "6", brand: "Dairy", name: "Greek Style Yogurt", price: "$3.50", rating: 4,
|
||||
reviewCount: "45", imageSrc: "https://images.unsplash.com/photo-1559847844-5315695dadae?q=80&w=800"},
|
||||
]}
|
||||
title="Daily Offerings"
|
||||
description="Explore our wide range of fresh produce, quality meats, and specialty items restocked daily."
|
||||
@@ -183,20 +118,11 @@ export default function LandingPage() {
|
||||
tag="Values"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "10+ Years",
|
||||
description: "Serving Local Families",
|
||||
},
|
||||
id: "1", value: "10+ Years", description: "Serving Local Families"},
|
||||
{
|
||||
id: "2",
|
||||
value: "500+",
|
||||
description: "Authentic Products",
|
||||
},
|
||||
id: "2", value: "500+", description: "Authentic Products"},
|
||||
{
|
||||
id: "3",
|
||||
value: "99%",
|
||||
description: "Customer Satisfaction",
|
||||
},
|
||||
id: "3", value: "99%", description: "Customer Satisfaction"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -208,22 +134,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Is all meat Halal certified?",
|
||||
content: "Yes, we source all our meats from certified Halal suppliers.",
|
||||
},
|
||||
id: "1", title: "Is all meat Halal certified?", content: "Yes, we source all our meats from certified Halal suppliers."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer delivery?",
|
||||
content: "We currently focus on in-store shopping but look out for updates.",
|
||||
},
|
||||
id: "2", title: "Do you offer delivery?", content: "We currently focus on in-store shopping but look out for updates."},
|
||||
{
|
||||
id: "3",
|
||||
title: "When is the store open?",
|
||||
content: "We are open daily from 9:00 AM to 9:00 PM.",
|
||||
},
|
||||
id: "3", title: "When is the store open?", content: "We are open daily from 9:00 AM to 9:00 PM."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-shopping-with-face-mask_23-2149565225.jpg"
|
||||
imageSrc="https://images.unsplash.com/photo-1579208575657-c595a053b3b7?q=80&w=1000"
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our sourcing or services? We're here to help."
|
||||
@@ -238,40 +155,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Ahmed",
|
||||
role: "Chef",
|
||||
testimonial: "The best halal meats in town! Always fresh.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-adult-holds-natural-bio-tomato-front-camera_482257-105111.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Ahmed", role: "Chef", testimonial: "The best halal meats in town! Always fresh.", imageSrc: "https://images.unsplash.com/photo-1544005313-94ddf0286df2?q=80&w=200"},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Doe",
|
||||
role: "Local",
|
||||
testimonial: "Excellent variety of imported goods.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-selecting-apple-shop_23-2150713418.jpg",
|
||||
},
|
||||
id: "2", name: "John Doe", role: "Local", testimonial: "Excellent variety of imported goods.", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?q=80&w=200"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Fatima Zahra",
|
||||
role: "Teacher",
|
||||
testimonial: "My go-to place for all pantry needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thrilled-confident-manager-business-attire-celebrates-victorious-milestone_482257-111932.jpg",
|
||||
},
|
||||
id: "3", name: "Fatima Zahra", role: "Teacher", testimonial: "My go-to place for all pantry needs.", imageSrc: "https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?q=80&w=200"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mike Smith",
|
||||
role: "Resident",
|
||||
testimonial: "Friendly staff and clean environment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-selecting-apple-shop_23-2150713414.jpg",
|
||||
},
|
||||
id: "4", name: "Mike Smith", role: "Resident", testimonial: "Friendly staff and clean environment.", imageSrc: "https://images.unsplash.com/photo-1560250097-0b93528c31e0?q=80&w=200"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Zainab Ali",
|
||||
role: "Student",
|
||||
testimonial: "Affordable prices and high quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-receiving-groceries_23-2149722271.jpg",
|
||||
},
|
||||
id: "5", name: "Zainab Ali", role: "Student", testimonial: "Affordable prices and high quality.", imageSrc: "https://images.unsplash.com/photo-1594744803329-e58b31de8bf5?q=80&w=200"},
|
||||
]}
|
||||
title="Community Love"
|
||||
description="See what our loyal customers say about us."
|
||||
@@ -279,16 +171,13 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Visit Our Store"
|
||||
description="Drop by for fresh ingredients today. We are located right in the heart of the community."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/subway-sign-metro-entrance-new-york_181624-43525.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
variant: "gradient-bars"}}
|
||||
tag="Contact Us"
|
||||
title="Product & E-commerce Inquiries"
|
||||
description="Have questions about our specific product availability or online orders? We are here to assist you with your bulk or special requests."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -301,4 +190,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f7f6f7;
|
||||
--background: #fbfbfb;
|
||||
--card: #ffffff;
|
||||
--foreground: #25190c;
|
||||
--primary-cta: #ff6207;
|
||||
--foreground: #1a1a1a;
|
||||
--primary-cta: #0a7039;
|
||||
--primary-cta-text: #f7f6f7;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta: #f1f1f1;
|
||||
--secondary-cta-text: #25190c;
|
||||
--accent: #ffce93;
|
||||
--background-accent: #e8cfa8;
|
||||
--accent: #e8e8e8;
|
||||
--background-accent: #f9f9f9;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user