Initial commit
This commit is contained in:
156
src/app/page.tsx
Normal file
156
src/app/page.tsx
Normal file
@@ -0,0 +1,156 @@
|
||||
"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", imageAlt: "Sarah Johnson" },
|
||||
{ id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-vector/variety-avatars-flat-design_23-2147662095.jpg", imageAlt: "Michael Chen" },
|
||||
{ id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-vector/variety-avatars-flat-design_23-2147662095.jpg", imageAlt: "Emily Rodriguez" },
|
||||
{ id: "4", name: "James Wilson", imageSrc: "http://img.b2bpic.net/free-vector/variety-avatars-flat-design_23-2147662095.jpg", 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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user