232 lines
13 KiB
TypeScript
232 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import { Facebook, Twitter, Instagram } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="medium"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="ALDI"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Store Info", id: "store-info" },
|
|
{ name: "Products", id: "products" },
|
|
{ name: "Features", id: "features" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="ALDI"
|
|
description="Premium everyday essentials, fresh produce, and unbeatable value."
|
|
buttons={[
|
|
{ text: "Shop In-Store", href: "#products" },
|
|
{ text: "Find a Store", href: "#store-info" }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/top-view-different-type-vegetables-dark-board-red-yellow-pepper-mushrooms-cherry-greens_482257-45393.jpg"
|
|
imageAlt="Fresh groceries and premium produce"
|
|
showDimOverlay={true}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="About ALDI"
|
|
description="A global retail chain dedicated to delivering high-quality groceries, fresh produce, and household essentials at the lowest prices. We believe that exceptional value and premium quality should go hand in hand, creating a seamless shopping experience for families everywhere."
|
|
tag="Our Story"
|
|
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-supermarket_1203-8862.jpg"
|
|
imageAlt="Modern ALDI supermarket interior"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Learn More", href: "#features" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="store-info" data-section="store-info">
|
|
<FeatureCardSix
|
|
title="Oxford Store"
|
|
description="Visit our flagship store location in Headington, Oxford. Open today until 10 PM with fresh produce, full grocery selection, and fast self-checkout service."
|
|
tag="Store Location"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Address", description: "Retail Park, Horspath Driftway, Headington, Oxford OX3 7JN", imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-tattoo-glasses-visiting-local-market-fresh-vegetables_613910-17212.jpg", imageAlt: "ALDI Oxford store entrance"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Hours", description: "Open now · Closes 10 PM. Visit us during peak or quiet hours based on your preference.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-tattoo-glasses-visiting-local-market-fresh-vegetables_613910-17212.jpg", imageAlt: "Store operating hours"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Contact", description: "Phone: 0800 042 0800. Call us for store-specific inquiries or special requests.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-tattoo-glasses-visiting-local-market-fresh-vegetables_613910-17212.jpg", imageAlt: "Customer service contact"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Get Directions", href: "https://maps.google.com" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
testimonial="Good food, good prices, great location and always helpful staff. ALDI has completely transformed how I shop for groceries. Quality products with the lowest prices compared to other retailers."
|
|
rating={5}
|
|
author="Customer Reviews • 4.3/5 Rating (2,256 reviews)"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg", alt: "Customer 1" },
|
|
{ src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg", alt: "Customer 2" },
|
|
{ src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1628.jpg", alt: "Customer 3" },
|
|
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-business-woman-posing-outdoors_23-2148603030.jpg", alt: "Customer 4" }
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
title="What You'll Find"
|
|
description="Explore our premium selection of fresh groceries, quality products, and everyday essentials."
|
|
tag="Product Categories"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "1", brand: "ALDI Fresh", name: "Fresh Produce", price: "Best Value", rating: 5,
|
|
reviewCount: "2.2k", imageSrc: "http://img.b2bpic.net/free-photo/tomatoes-stall-market-sanarysurmer_268835-3810.jpg", imageAlt: "Fresh organic produce"
|
|
},
|
|
{
|
|
id: "2", brand: "ALDI Premium", name: "Meat & Dairy", price: "Quality Assured", rating: 5,
|
|
reviewCount: "1.9k", imageSrc: "http://img.b2bpic.net/free-photo/top-view-blackboard-with-meat-garlic_23-2148611011.jpg", imageAlt: "Premium meat and dairy products"
|
|
},
|
|
{
|
|
id: "3", brand: "ALDI Bakery", name: "Fresh Bakery", price: "Daily Fresh", rating: 5,
|
|
reviewCount: "1.7k", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-bakery_23-2150273190.jpg", imageAlt: "Fresh baked goods"
|
|
},
|
|
{
|
|
id: "4", brand: "ALDI Essentials", name: "Pantry Staples", price: "Always Stocked", rating: 4,
|
|
reviewCount: "1.5k", imageSrc: "http://img.b2bpic.net/free-photo/shelf-with-ceramic-plates-sell-tableware-store_169016-43473.jpg", imageAlt: "Pantry essentials"
|
|
},
|
|
{
|
|
id: "5", brand: "ALDI Frozen", name: "Frozen Foods", price: "Convenient Choice", rating: 4,
|
|
reviewCount: "1.3k", imageSrc: "http://img.b2bpic.net/free-photo/top-view-frozen-brazilian-fruit-dessert_23-2150166268.jpg", imageAlt: "Frozen food selection"
|
|
},
|
|
{
|
|
id: "6", brand: "ALDI Weekly", name: "Weekly Special Buys", price: "Limited Edition", rating: 5,
|
|
reviewCount: "2.1k", imageSrc: "http://img.b2bpic.net/free-photo/yellow-green-yellow-peppers-crate_23-2147916093.jpg", imageAlt: "Weekly special offers"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
gridVariant="three-columns-all-equal-width"
|
|
buttons={[
|
|
{ text: "Explore All Products", href: "#" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<MetricCardTen
|
|
title="Store Features & Services"
|
|
description="Premium services designed for your convenience and shopping comfort."
|
|
tag="Our Services"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "1", title: "In-Store Shopping", subtitle: "Full grocery shopping experience with premium service", category: "Service", value: "✓ Available"
|
|
},
|
|
{
|
|
id: "2", title: "Fresh Daily Produce", subtitle: "Premium quality fruits and vegetables delivered fresh", category: "Quality", value: "✓ Guaranteed"
|
|
},
|
|
{
|
|
id: "3", title: "Affordable Weekly Deals", subtitle: "Unbeatable prices on selected premium items", category: "Value", value: "✓ Every Week"
|
|
},
|
|
{
|
|
id: "4", title: "Fast Self-Checkout", subtitle: "Quick and convenient checkout experience", category: "Speed", value: "✓ Fast Service"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="popular-times" data-section="popular-times">
|
|
<BlogCardThree
|
|
title="Popular Shopping Times"
|
|
description="Real-time insights to help you plan your visit and enjoy a seamless shopping experience."
|
|
tag="Live Status"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
blogs={[
|
|
{
|
|
id: "1", category: "Morning", title: "Quiet Hours", excerpt: "8 AM - 11 AM: Perfect for a peaceful shopping experience with minimal crowds.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-tattoo-glasses-visiting-local-market-fresh-vegetables_613910-17212.jpg", imageAlt: "Quiet morning shopping", authorName: "ALDI Oxford", authorAvatar: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-tattoo-glasses-visiting-local-market-fresh-vegetables_613910-17212.jpg", date: "Best Time"
|
|
},
|
|
{
|
|
id: "2", category: "Afternoon", title: "Moderate Traffic", excerpt: "11 AM - 4 PM: Steady flow with good selection and reasonable wait times.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-tattoo-glasses-visiting-local-market-fresh-vegetables_613910-17212.jpg", imageAlt: "Afternoon shopping", authorName: "ALDI Oxford", authorAvatar: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-tattoo-glasses-visiting-local-market-fresh-vegetables_613910-17212.jpg", date: "Moderate"
|
|
},
|
|
{
|
|
id: "3", category: "Evening", title: "Peak Hours", excerpt: "4 PM - 10 PM: Busier periods. Come early for shorter queues and full selections.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-tattoo-glasses-visiting-local-market-fresh-vegetables_613910-17212.jpg", imageAlt: "Evening shopping", authorName: "ALDI Oxford", authorAvatar: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-tattoo-glasses-visiting-local-market-fresh-vegetables_613910-17212.jpg", date: "Peak Time"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Ready to Shop?"
|
|
title="Shop Smart. Live Better."
|
|
description="Experience premium quality groceries at unbeatable prices. Find your nearest ALDI store today and discover why millions choose us for their everyday shopping."
|
|
buttons={[
|
|
{ text: "Find Your Local Store", href: "#store-info" },
|
|
{ text: "Explore Weekly Offers", href: "#products" }
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="ALDI"
|
|
copyrightText="© 2025 ALDI | Quality Groceries at Exceptional Prices"
|
|
socialLinks={[
|
|
{ icon: Facebook, href: "https://facebook.com/aldi", ariaLabel: "ALDI Facebook" },
|
|
{ icon: Twitter, href: "https://twitter.com/aldi", ariaLabel: "ALDI Twitter" },
|
|
{ icon: Instagram, href: "https://instagram.com/aldi", ariaLabel: "ALDI Instagram" }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|