156 lines
7.7 KiB
TypeScript
156 lines
7.7 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="circleGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "Why Us", id: "features"},
|
|
{
|
|
name: "Feedback", id: "testimonials"},
|
|
{
|
|
name: "Visit", id: "map"},
|
|
]}
|
|
brandName="Gara Mart"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
title="Your Neighborhood Convenience, Anytime You Need It"
|
|
description="Gara Mart offers fresh groceries, daily essentials, and more—right in the heart of your community. Experience friendly service and quality products."
|
|
buttons={[
|
|
{
|
|
text: "Visit Us Today", href: "#map"},
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-looking-bistro_23-2149366410.jpg", imageAlt: "Gara Mart Storefront"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-basket-organic-vegetables-with-grocery-bag_23-2148853370.jpg?_wi=1", imageAlt: "Fresh Produce"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/girl-red-holding-different-vegetables-fruits-store_627829-9485.jpg?_wi=1", imageAlt: "Daily Essentials"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-barista-girl-asian-female-cafe-worker-shows-okay-ok-sign-approval-recommend-smth-happ_1258-134408.jpg?_wi=1", imageAlt: "Friendly Service"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-open-shop-sign_23-2149244009.jpg?_wi=1", imageAlt: "Convenient Location"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardEight
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Freshness First", description: "Fresh, high-quality groceries sourced every single day.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-basket-organic-vegetables-with-grocery-bag_23-2148853370.jpg?_wi=2"},
|
|
{
|
|
id: 2,
|
|
title: "Everything You Need", description: "Wide range of daily essentials under one roof.", imageSrc: "http://img.b2bpic.net/free-photo/girl-red-holding-different-vegetables-fruits-store_627829-9485.jpg?_wi=2"},
|
|
{
|
|
id: 3,
|
|
title: "Trusted Service", description: "Friendly local staff dedicated to serving our neighbors.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-barista-girl-asian-female-cafe-worker-shows-okay-ok-sign-approval-recommend-smth-happ_1258-134408.jpg?_wi=2"},
|
|
{
|
|
id: 4,
|
|
title: "Easy Accessibility", description: "Convenient location right in your community neighborhood.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-open-shop-sign_23-2149244009.jpg?_wi=2"},
|
|
]}
|
|
title="Why Gara Mart?"
|
|
description="Discover the benefits of shopping local with our commitment to quality and community."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", title: "Great Staff", quote: "Gara Mart is my go-to for everything I need. The staff is so friendly!", name: "Selam K.", role: "Local Resident", imageSrc: "http://img.b2bpic.net/free-photo/casual-teenager-checking-her-shopping-bags_23-2148804689.jpg?_wi=1"},
|
|
{
|
|
id: "2", title: "Quick Service", quote: "Always fresh products and quick service. Highly recommend.", name: "Dawit M.", role: "Frequent Shopper", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-person-holding-bio-groceries-shopping-bag_482257-104954.jpg"},
|
|
{
|
|
id: "3", title: "Total Convenience", quote: "I love the convenience of finding everything in one place.", name: "Hana T.", role: "Neighbor", imageSrc: "http://img.b2bpic.net/free-photo/woman-buying-fresh-organic-vegetables-street-market-young-woman-buying-vegetables-green-market_1391-569.jpg"},
|
|
{
|
|
id: "4", title: "Community Staple", quote: "A true community gem for everyday shopping needs.", name: "Kebede W.", role: "Local Patron", imageSrc: "http://img.b2bpic.net/free-photo/amazed-woman-with-shopping-packets-looking-shop-windows_23-2147960704.jpg"},
|
|
{
|
|
id: "5", title: "Best Quality", quote: "The vegetables and fruits are always top-tier quality!", name: "Marta G.", role: "Regular Customer", imageSrc: "http://img.b2bpic.net/free-photo/casual-teenager-checking-her-shopping-bags_23-2148804689.jpg?_wi=2"},
|
|
]}
|
|
title="Our Customers Love Us"
|
|
description="Hear what our neighbors say about their experience at Gara Mart."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Stay Connected"
|
|
title="Sign Up for Offers"
|
|
description="Receive updates on new arrivals and special store promotions directly in your inbox."
|
|
inputPlaceholder="Enter your email address"
|
|
buttonText="Sign Up Today"
|
|
termsText="We respect your privacy. No spam, ever."
|
|
/>
|
|
</div>
|
|
|
|
<div id="map" data-section="map">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={false}
|
|
heading={[
|
|
{
|
|
type: "text", content: "Find Us in Addis Ababa"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-looking-bistro_23-2149366410.jpg", alt: "Gara Mart Location"},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Get Directions", href: "https://www.google.com/maps/place/Gara+Mart/@8.949127,38.7267298,501m/data=!3m1!1e3!4m6!3m5!1s0x164b815d81cbcc19:0x295ea8467eeb0eed!8m2!3d8.9481722!4d38.7290366!16s%2Fg%2F11f_j2nr7_?authuser=0&entry=ttu&g_ep=EgoyMDI2MDMyNC4wIKXMDSoASAFQAw%3D%3D"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Gara Mart"
|
|
leftLink={{
|
|
text: "Contact Us", href: "mailto:info@garamart.com"}}
|
|
rightLink={{
|
|
text: "Visit Store", href: "#map"}}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|