252 lines
12 KiB
TypeScript
252 lines
12 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||
import { Award, Clock, Users } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="text-shift"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="soft"
|
||
contentWidth="mediumSmall"
|
||
sizing="mediumLargeSizeMediumTitles"
|
||
background="circleGradient"
|
||
cardStyle="glass-elevated"
|
||
primaryButtonStyle="shadow"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="semibold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleApple
|
||
navItems={[
|
||
{
|
||
name: "Home", id: "hero"},
|
||
{
|
||
name: "Menu", id: "product"},
|
||
{
|
||
name: "Our Story", id: "about"},
|
||
{
|
||
name: "Contact", id: "contact"},
|
||
]}
|
||
brandName="The Igloo"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroCarouselLogo
|
||
logoText="The Igloo"
|
||
description="Small-batch ice cream crafted daily in Chambersburg since the 1950s."
|
||
buttons={[
|
||
{
|
||
text: "Visit Us Today", href: "#contact"},
|
||
]}
|
||
slides={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/serving-ice-cream-portion-bowls_23-2148141388.jpg", imageAlt: "gourmet ice cream scoop close up"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/plate-with-fresh-cheese-near-fork-table_23-2148037618.jpg", imageAlt: "gourmet ice cream scoop close up"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/vanilla-chocolate-chips-extreme-close-up-ice-cream_23-2148430680.jpg", imageAlt: "gourmet ice cream scoop close up"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/ice-cream-waffle-cone_169016-3123.jpg", imageAlt: "gourmet ice cream scoop close up"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/cake-frosting-texture-background-close-up_53876-134240.jpg", imageAlt: "gourmet ice cream scoop close up"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-woman-eating-ice-cream_23-2149031259.jpg", imageAlt: "gourmet ice cream scoop close up"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonial" data-section="testimonial">
|
||
<TestimonialCardThirteen
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
useInvertedBackground={true}
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Sarah Johnson", handle: "@localcustomer", testimonial: "Nothing like some good hometown ice cream.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-afro-american-man-holding-ice-cream_171337-14914.jpg"},
|
||
{
|
||
id: "2", name: "Michael Chen", handle: "@familytradition", testimonial: "We’ve been coming here since I was a kid.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-cheerful-couple-eating-donuts-having-fun-cafe_637285-7994.jpg"},
|
||
{
|
||
id: "3", name: "Emily Rodriguez", handle: "@icecreamlover", testimonial: "Best ice cream in Chambersburg.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-with-delicious-ice-cream-waffle-cone-outdoors_169016-43904.jpg"},
|
||
{
|
||
id: "4", name: "David Kim", handle: "@regularvisitor", testimonial: "So creamy I had two sundaes.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/women-enjoying-ice-cream-outside_23-2150244886.jpg"},
|
||
{
|
||
id: "5", name: "Jessica Lee", handle: "@summernights", testimonial: "The perfect end to a summer night.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dyed-hair-eating-ice-cream_23-2149488683.jpg"},
|
||
]}
|
||
showRating={true}
|
||
title="Loved by Locals"
|
||
description="Our community is what makes The Igloo special. Here is what our neighbors have to say."
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardTwelve
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
id: "f1", label: "Community", title: "A Gathering Spot", items: [
|
||
"Screened-in porch", "Outdoor games", "Family friendly"],
|
||
},
|
||
{
|
||
id: "f2", label: "Quality", title: "Crafted Daily", items: [
|
||
"Small batches", "Premium ingredients", "Fresh every morning"],
|
||
},
|
||
{
|
||
id: "f3", label: "Vibe", title: "Pet-Friendly", items: [
|
||
"Outdoor seating", "Welcoming to all", "Hometown ritual"],
|
||
},
|
||
]}
|
||
title="A Place You Grew Up With"
|
||
description="For over 50 years, The Igloo has been more than a stop for ice cream. It’s where games ended, summers slowed down, and traditions began."
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<MediaAbout
|
||
useInvertedBackground={true}
|
||
title="Legacy of Taste"
|
||
description="From our doors since the 1950s, we've dedicated ourselves to the craft of traditional ice cream. We're a multi-generational ritual that still prioritizes quality, freshness, and friendliness above all else."
|
||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-with-dyed-hair-near-shop_23-2149488673.jpg"
|
||
imageAlt="vintage ice cream stand exterior"
|
||
/>
|
||
</div>
|
||
|
||
<div id="metric" data-section="metric">
|
||
<MetricCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="uniform-all-items-equal"
|
||
useInvertedBackground={false}
|
||
metrics={[
|
||
{
|
||
id: "m1", value: "50+", title: "Years Served", description: "Serving Chambersburg since 1950s", icon: Clock,
|
||
},
|
||
{
|
||
id: "m2", value: "100%", title: "Freshness", description: "Crafted fresh in small batches", icon: Award,
|
||
},
|
||
{
|
||
id: "m3", value: "10k+", title: "Regulars", description: "Loved by multi-generational families", icon: Users,
|
||
},
|
||
]}
|
||
title="Decades of Smiles"
|
||
description="Building memories one scoop at a time."
|
||
/>
|
||
</div>
|
||
|
||
<div id="product" data-section="product">
|
||
<ProductCardFour
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="four-items-2x2-equal-grid"
|
||
useInvertedBackground={true}
|
||
products={[
|
||
{
|
||
id: "p1", name: "Classic Sundae", price: "$6.50", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-marshmallow-cookies-glass-cup_114579-16005.jpg", imageAlt: "gourmet strawberry ice cream sundae"},
|
||
{
|
||
id: "p2", name: "Waffle Cone Scoop", price: "$4.00", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/top-view-ice-cream-cone_23-2149835990.jpg", imageAlt: "vanilla bean ice cream cone"},
|
||
{
|
||
id: "p3", name: "Fudge Ripple Sundae", price: "$7.00", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-sundae-ice-cream_1339-5762.jpg", imageAlt: "chocolate fudge sundae dessert"},
|
||
{
|
||
id: "p4", name: "Black Raspberry", price: "$4.50", variant: "Local Favorite", imageSrc: "http://img.b2bpic.net/free-photo/dessert-restaurant-table_7939-3174.jpg", imageAlt: "black raspberry artisan ice cream"},
|
||
{
|
||
id: "p5", name: "Peanut Butter Bliss", price: "$4.50", variant: "Local Favorite", imageSrc: "http://img.b2bpic.net/free-photo/top-view-homemade-ice-cream-scoops-concept_23-2148425380.jpg", imageAlt: "peanut butter ice cream scoop"},
|
||
{
|
||
id: "p6", name: "Grape-Nut Special", price: "$4.50", variant: "Local Favorite", imageSrc: "http://img.b2bpic.net/free-photo/roasted-plums-ice-cream-bowl-with-spoon_53876-106010.jpg", imageAlt: "grape nut classic ice cream"},
|
||
]}
|
||
title="Signature Treats"
|
||
description="Handcrafted daily with passion, our ice cream is the taste you remember."
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqBase
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{
|
||
id: "q1", title: "Are you pet friendly?", content: "Yes! We welcome well-behaved pets on our outdoor porch."},
|
||
{
|
||
id: "q2", title: "Do you make ice cream daily?", content: "Absolutely. Everything we serve is crafted in small batches every morning."},
|
||
{
|
||
id: "q3", title: "Can I rent the space for an event?", content: "We love being part of the community. Contact us to discuss your event plans."},
|
||
]}
|
||
title="Common Questions"
|
||
description="Everything you need to know to enjoy your experience at The Igloo."
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplitForm
|
||
useInvertedBackground={true}
|
||
title="Visit Us Today"
|
||
description="Ready for a treat? Come visit us in Chambersburg. Your next stop is closer than you think."
|
||
inputs={[
|
||
{
|
||
name: "name", type: "text", placeholder: "Your Name"},
|
||
{
|
||
name: "email", type: "email", placeholder: "Email Address"},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/cupcakes-with-christmas-decoration-cup_1162-201.jpg"
|
||
imageAlt="vintage ice cream shop night time"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterMedia
|
||
imageSrc="http://img.b2bpic.net/free-photo/still-life-cocktail-tablecloth_23-2151318391.jpg"
|
||
logoText="The Igloo"
|
||
columns={[
|
||
{
|
||
title: "Visit", items: [
|
||
{
|
||
label: "Location Map", href: "#"},
|
||
{
|
||
label: "Parking Info", href: "#"},
|
||
],
|
||
},
|
||
{
|
||
title: "Menu", items: [
|
||
{
|
||
label: "Daily Flavors", href: "#product"},
|
||
{
|
||
label: "Sundaes", href: "#product"},
|
||
],
|
||
},
|
||
{
|
||
title: "Tradition", items: [
|
||
{
|
||
label: "Our Story", href: "#about"},
|
||
{
|
||
label: "Contact Us", href: "#contact"},
|
||
],
|
||
},
|
||
]}
|
||
imageAlt="vintage ice cream shop night time"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |