218 lines
9.5 KiB
TypeScript
218 lines
9.5 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="bounce-effect"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="soft"
|
||
contentWidth="smallMedium"
|
||
sizing="mediumLargeSizeLargeTitles"
|
||
background="floatingGradient"
|
||
cardStyle="gradient-mesh"
|
||
primaryButtonStyle="shadow"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="extrabold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleApple
|
||
navItems={[
|
||
{
|
||
name: "Home", id: "hero"},
|
||
{
|
||
name: "About", id: "about"},
|
||
{
|
||
name: "Menu", id: "menu"},
|
||
{
|
||
name: "Testimonials", id: "testimonials"},
|
||
{
|
||
name: "Contact", id: "contact"},
|
||
]}
|
||
brandName="Shake Party Chicago"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardScroll
|
||
background={{
|
||
variant: "gradient-bars"}}
|
||
title="Shake Party Chicago"
|
||
description="Laid-back venue specializing in protein shakes, waffles, coffee, and teas. Come for the health, stay for the community."
|
||
buttons={[
|
||
{
|
||
text: "View Menu", href: "#menu"},
|
||
{
|
||
text: "Visit Us", href: "#contact"},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/woman-sitting-cafe-drinking-coffee-working-computer_1303-14730.jpg"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TextSplitAbout
|
||
useInvertedBackground={true}
|
||
title="A Community Favorite in Chicago"
|
||
description={[
|
||
"Founded with a passion for healthy living, we provide a warm, welcoming space to enjoy delicious protein shakes, waffles, and hand-crafted drinks.", "You can feel the care this place has for our customers – it's more than just a shop; it's a place to rest, connect, and enjoy."]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu" data-section="menu">
|
||
<FeatureCardTwelve
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
id: "m1", label: "Shake", title: "Protein Shakes", items: [
|
||
"Strawberry Shortcake", "Power Boost", "Vanilla Crunch"],
|
||
},
|
||
{
|
||
id: "m2", label: "Waffle", title: "Signature Waffles", items: [
|
||
"Classic Protein Waffle", "Berry Delight", "Chocolate Chip"],
|
||
},
|
||
{
|
||
id: "m3", label: "Drink", title: "Coffee & Tea", items: [
|
||
"Iced Protein Coffee", "Organic Green Tea", "Fresh Pressed Juice"],
|
||
},
|
||
]}
|
||
title="Our Menu Highlights"
|
||
description="From protein-packed waffles to refreshing juice blends, everything we serve is crafted with love."
|
||
/>
|
||
</div>
|
||
|
||
<div id="popular" data-section="popular">
|
||
<ProductCardFour
|
||
animationType="slide-up"
|
||
textboxLayout="split-actions"
|
||
gridVariant="four-items-2x2-equal-grid"
|
||
useInvertedBackground={true}
|
||
buttons={[{ text: "Explore Full Menu", href: "#menu" }]}
|
||
products={[
|
||
{
|
||
id: "p1", name: "Protein Coffee", price: "$7", variant: "Drink", imageSrc: "http://img.b2bpic.net/free-photo/various-nuts-with-aroma-cup-coffee-tablecloth-high-quality-photo_114579-68927.jpg"},
|
||
{
|
||
id: "p2", name: "Strawberry Shortcake", price: "$8", variant: "Shake", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-glass-lemon-slices_23-2148858608.jpg"},
|
||
{
|
||
id: "p3", name: "Classic Waffle", price: "$6", variant: "Breakfast", imageSrc: "http://img.b2bpic.net/free-photo/side-view-pancakes-with-kumquat-slices-plate-kumquat-cutting-board-with-spoonful-flour-black-background_141793-130408.jpg"},
|
||
{
|
||
id: "p4", name: "Fresh Juice", price: "$5", variant: "Drink", imageSrc: "http://img.b2bpic.net/free-photo/two-healthy-green-smoothies-with-spinach-banana-apple-kiwi-mint-glass-jar-ingredients-detox-diet-healthy-vegetarian-food-concept_127032-2797.jpg"},
|
||
{
|
||
id: "p5", name: "Power Waffle", price: "$9", variant: "Breakfast", imageSrc: "http://img.b2bpic.net/free-photo/belgian-waffles-fig-fruit-served-white-plate-with-honey-dipper-wooden-table_23-2147956831.jpg"},
|
||
{
|
||
id: "p6", name: "Iced Latte", price: "$6", variant: "Drink", imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-glass_23-2148251672.jpg"},
|
||
]}
|
||
title="Popular Favorites"
|
||
description="Discover why locals love our menu."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardTwelve
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "t1", name: "Sarah Jenkins", imageSrc: "http://img.b2bpic.net/free-photo/portrait-chill-young-relaxed-handsome-man-assure-everything-good-saying-all-okay-smiling-wink_1258-113404.jpg"},
|
||
{
|
||
id: "t2", name: "Mark Wilson", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-lady-posing-camera-background-wood-open-space-cafe-female-tourist-has-fun-sunny-summmer-day-concept-single-trip-holidays-happiness_291650-1285.jpg"},
|
||
{
|
||
id: "t3", name: "Elena Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149144379.jpg"},
|
||
{
|
||
id: "t4", name: "David Thorne", imageSrc: "http://img.b2bpic.net/free-photo/organic-coffee-beans-still-life_23-2151762436.jpg"},
|
||
{
|
||
id: "t5", name: "Nancy P.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-mixed-race-male-with-bristle-bushy-hairstyle-white-perfect-teeth-has-good-mood_273609-8513.jpg"},
|
||
]}
|
||
cardTitle="Loved by Locals"
|
||
cardTag="Reviews"
|
||
cardAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="social" data-section="social">
|
||
<SocialProofOne
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
names={[
|
||
"Chicago Foodies", "Local Health Alliance", "Neighborhood Eateries", "City Fitness Hub", "Healthy Chicago Guide", "Better Living Org", "Culinary Partners"]}
|
||
title="Community Partners"
|
||
description="Proudly supporting Chicago's healthy lifestyle."
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqBase
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{
|
||
id: "f1", title: "Are your waffles gluten-free?", content: "Yes, we offer gluten-free protein waffle options. Please ask our staff."},
|
||
{
|
||
id: "f2", title: "Do you offer outdoor seating?", content: "Yes, weather permitting, we have a small patio space."},
|
||
{
|
||
id: "f3", title: "Where are you located?", content: "We are at 1053 N California Ave, Chicago, IL 60622."},
|
||
]}
|
||
title="Frequently Asked Questions"
|
||
description="Have questions? We have answers."
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCTA
|
||
useInvertedBackground={true}
|
||
background={{
|
||
variant: "plain"}}
|
||
tag="Contact"
|
||
title="Visit Us in Chicago"
|
||
description="Stop by for a protein shake, a healthy snack, and friendly conversation. We're open daily until 5:30 PM."
|
||
buttons={[
|
||
{
|
||
text: "Get Directions", href: "https://maps.google.com/?q=1053+N+California+Ave+Chicago+IL"},
|
||
{
|
||
text: "Call Us Now", href: "tel:+17739360986"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterSimple
|
||
columns={[
|
||
{
|
||
title: "Shake Party Chicago", items: [
|
||
{
|
||
label: "1053 N California Ave", href: "#"},
|
||
{
|
||
label: "Chicago, IL 60622", href: "#"},
|
||
],
|
||
},
|
||
{
|
||
title: "Links", items: [
|
||
{
|
||
label: "Menu", href: "#menu"},
|
||
{
|
||
label: "Contact", href: "#contact"},
|
||
],
|
||
},
|
||
]}
|
||
bottomLeftText="© 2024 Shake Party Chicago"
|
||
bottomRightText="All Rights Reserved"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |