157 lines
8.2 KiB
TypeScript
157 lines
8.2 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||
import { Star, Clock, MapPin, Smile, Fuel, ChefHat, Zap, ShoppingBag, Ticket, Heart, Facebook, Instagram, Phone } from 'lucide-react';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="expand-hover"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="soft"
|
||
contentWidth="smallMedium"
|
||
sizing="largeSmall"
|
||
background="floatingGradient"
|
||
cardStyle="glass-elevated"
|
||
primaryButtonStyle="diagonal-gradient"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="extrabold"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleApple
|
||
brandName="Lovers Lane Food Mart"
|
||
navItems={[
|
||
{ name: "About", id: "about" },
|
||
{ name: "What We Offer", id: "services" },
|
||
{ name: "Reviews", id: "reviews" },
|
||
{ name: "Hours & Location", id: "location" },
|
||
{ name: "Contact", id: "contact" }
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroLogoBillboard
|
||
logoText="Lovers Lane Food Mart"
|
||
description="Your Local Stop for Gas, Snacks & Fresh Biscuits. Serving Covington with Quality & Convenience."
|
||
buttons={[
|
||
{ text: "Get Directions", href: "#location" },
|
||
{ text: "Call Now", href: "tel:(678)625-2678" }
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
background={{ variant: "floatingGradient" }}
|
||
imageSrc="http://img.b2bpic.net/free-photo/people-spending-time-gas-station_23-2150440229.jpg"
|
||
imageAlt="Modern gas station with fuel pumps"
|
||
mediaAnimation="opacity"
|
||
frameStyle="card"
|
||
ariaLabel="Hero section with call to action"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<AboutMetric
|
||
title="Welcome to Lovers Lane Food Mart"
|
||
metrics={[
|
||
{ icon: Star, label: "Customer Rating", value: "4.6★" },
|
||
{ icon: Clock, label: "Open Daily", value: "5 AM – 1 AM" },
|
||
{ icon: MapPin, label: "Serving", value: "Covington, GA" },
|
||
{ icon: Smile, label: "Trusted By", value: "Locals" }
|
||
]}
|
||
metricsAnimation="slide-up"
|
||
useInvertedBackground={false}
|
||
ariaLabel="About section with metrics"
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardTwentySix
|
||
title="What We Offer"
|
||
description="Everything you need in one convenient stop"
|
||
tag="Services"
|
||
tagAnimation="entrance-slide"
|
||
features={[
|
||
{
|
||
title: "Fuel & Gas Pumps", description: "Premium fuel available 24/7 with competitive pricing", imageSrc: "http://img.b2bpic.net/free-vector/bio-fuel-icons-set_98292-1559.jpg", imageAlt: "Fuel pump service", buttonIcon: Fuel
|
||
},
|
||
{
|
||
title: "Fresh Biscuits & Hot Food", description: "Warm, delicious biscuits and hot food items prepared fresh daily", imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-pancakes-with-sweet-cakes-fruits-dark-surface-sweet-cake-dessert_140725-82020.jpg", imageAlt: "Fresh baked biscuits", buttonIcon: ChefHat
|
||
},
|
||
{
|
||
title: "Snacks & Drinks", description: "Wide selection of cold drinks, snacks, and beverages", imageSrc: "http://img.b2bpic.net/free-vector/set-colorful-fast-food-icons-web-buttons-with-various-beverages-food-including-hamburger_1284-43458.jpg", imageAlt: "Snacks and drinks", buttonIcon: Zap
|
||
},
|
||
{
|
||
title: "Everyday Essentials", description: "Everything you need for daily convenience and emergencies", imageSrc: "http://img.b2bpic.net/free-vector/city-elements-collection_1040-1026.jpg", imageAlt: "Everyday essentials", buttonIcon: ShoppingBag
|
||
},
|
||
{
|
||
title: "Lottery & Quick Purchases", description: "Fast checkout for lottery tickets and quick impulse buys", imageSrc: "http://img.b2bpic.net/free-vector/lottery-jackpot-decorative-icons_98292-3273.jpg", imageAlt: "Lottery tickets", buttonIcon: Ticket
|
||
},
|
||
{
|
||
title: "Clean & Friendly Service", description: "A spotless store with staff that genuinely cares about you", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-market_23-2149148482.jpg", imageAlt: "Clean convenience store interior", buttonIcon: Heart
|
||
}
|
||
]}
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
buttonAnimation="slide-up"
|
||
ariaLabel="Services and offerings section"
|
||
/>
|
||
</div>
|
||
|
||
<div id="reviews" data-section="reviews">
|
||
<TestimonialCardTwelve
|
||
testimonials={[
|
||
{ id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-vector/variety-avatars-flat-design_23-2147662095.jpg?_wi=1", imageAlt: "Sarah Johnson" },
|
||
{ id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-vector/variety-avatars-flat-design_23-2147662095.jpg?_wi=2", imageAlt: "Michael Chen" },
|
||
{ id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-vector/variety-avatars-flat-design_23-2147662095.jpg?_wi=3", imageAlt: "Emily Rodriguez" },
|
||
{ id: "4", name: "James Wilson", imageSrc: "http://img.b2bpic.net/free-vector/variety-avatars-flat-design_23-2147662095.jpg?_wi=4", imageAlt: "James Wilson" }
|
||
]}
|
||
cardTitle="Trusted by Our Community - 4.6 Stars from Our Customers"
|
||
cardTag="Customer Reviews"
|
||
cardTagIcon={Star}
|
||
cardAnimation="blur-reveal"
|
||
useInvertedBackground={false}
|
||
ariaLabel="Customer testimonials and reviews"
|
||
/>
|
||
</div>
|
||
|
||
<div id="location" data-section="location">
|
||
<ContactSplit
|
||
tag="Visit Us"
|
||
title="Stop By Lovers Lane Food Mart Today!"
|
||
description="Located on Highway 81 in Covington, GA. We're open early and stay late to serve your needs. 2527 Hwy 81, Covington, GA 30016 | (678) 625-2678 | Hours: 5:00 AM – 1:00 AM Daily"
|
||
tagAnimation="entrance-slide"
|
||
background={{ variant: "floatingGradient" }}
|
||
useInvertedBackground={false}
|
||
imageSrc="http://img.b2bpic.net/free-vector/smartphone-with-gps-navigation-app_24877-51659.jpg"
|
||
imageAlt="Store location on map"
|
||
mediaAnimation="slide-up"
|
||
mediaPosition="right"
|
||
inputPlaceholder="Enter your email for updates"
|
||
buttonText="Get Directions"
|
||
termsText="We'll send you store updates and local promotions."
|
||
ariaLabel="Location and contact information section"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterCard
|
||
logoText="Lovers Lane Food Mart"
|
||
copyrightText="© 2025 Lovers Lane Food Mart | 2527 Hwy 81, Covington, GA 30016 | (678) 625-2678 | Open 5 AM – 1 AM Daily"
|
||
socialLinks={[
|
||
{ icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
|
||
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
|
||
{ icon: Phone, href: "tel:(678)625-2678", ariaLabel: "Call Us" }
|
||
]}
|
||
ariaLabel="Site footer with contact information"
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
}
|