Merge version_2 into main #1
245
src/app/page.tsx
245
src/app/page.tsx
@@ -32,29 +32,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
name: "Menu", id: "#menu"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
name: "Reviews", id: "#reviews"},
|
||||
{
|
||||
name: "Locations",
|
||||
id: "#locations",
|
||||
},
|
||||
name: "Locations", id: "#locations"},
|
||||
{
|
||||
name: "Order Online",
|
||||
id: "https://ccs-coffee-bar-llc.square.site",
|
||||
},
|
||||
name: "Order Online", id: "https://ccs-coffee-bar-llc.square.site"},
|
||||
]}
|
||||
brandName="CC's Coffee Bar"
|
||||
/>
|
||||
@@ -63,83 +51,52 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
imagePosition="right"
|
||||
title="Stop by and try a cup of ambition 🩷"
|
||||
description="Two locations — Quincy, IL & Canton, MO. Experience 5-star coffee, vibrant drinks & good vibes at your community-loved local spot."
|
||||
kpis={[
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Star Rating",
|
||||
},
|
||||
value: "5.0", label: "Star Rating"},
|
||||
{
|
||||
value: "2",
|
||||
label: "Locations",
|
||||
},
|
||||
value: "2", label: "Locations"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Recommended",
|
||||
},
|
||||
value: "100%", label: "Recommended"},
|
||||
]}
|
||||
enableKpiAnimation={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Online",
|
||||
href: "https://ccs-coffee-bar-llc.square.site",
|
||||
},
|
||||
text: "Order Online", href: "https://ccs-coffee-bar-llc.square.site"},
|
||||
{
|
||||
text: "Find Your Location",
|
||||
href: "#locations",
|
||||
},
|
||||
text: "Find Your Location", href: "#locations"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mocca-coffee-shop_1339-4903.jpg"
|
||||
imageAlt="Five young women laughing and holding colorful drinks outside CC's Coffee Bar in summer, full of energy and joy."
|
||||
mediaAnimation="opacity"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-with-croissant-cup-coffee-against-black-brick-wall_169016-23041.jpg",
|
||||
alt: "Customer smiling with coffee",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-with-croissant-cup-coffee-against-black-brick-wall_169016-23041.jpg", alt: "Customer smiling with coffee"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-684.jpg",
|
||||
alt: "Happy woman drinking coffee",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-684.jpg", alt: "Happy woman drinking coffee"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pensive-beautiful-girl-drinking-coffee-outside_1262-5276.jpg",
|
||||
alt: "Young woman enjoying a cold drink",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pensive-beautiful-girl-drinking-coffee-outside_1262-5276.jpg", alt: "Young woman enjoying a cold drink"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-681.jpg",
|
||||
alt: "Girl enjoying latte in cafe",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-681.jpg", alt: "Girl enjoying latte in cafe"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/outdoor-fashion-portrait-beautiful-young-girl-drinking-tea-coffee_231208-6315.jpg",
|
||||
alt: "Woman taking selfie with coffee",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/outdoor-fashion-portrait-beautiful-young-girl-drinking-tea-coffee_231208-6315.jpg", alt: "Woman taking selfie with coffee"},
|
||||
]}
|
||||
avatarText="Loved by 100+ daily customers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Handcrafted Drinks",
|
||||
},
|
||||
type: "text", text: "Handcrafted Drinks"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Breakfast Bites",
|
||||
},
|
||||
type: "text", text: "Breakfast Bites"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Good Vibes Only",
|
||||
},
|
||||
type: "text", text: "Good Vibes Only"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Community Favorite",
|
||||
},
|
||||
type: "text", text: "Community Favorite"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Your Daily Ritual",
|
||||
},
|
||||
type: "text", text: "Your Daily Ritual"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -152,7 +109,7 @@ export default function LandingPage() {
|
||||
description="A locally-loved coffee bar with two Midwest locations serving up handcrafted drinks, breakfast bites, and good vibes every morning. Whether you're a daily regular or just passing through, CC's is the kind of place you'll want to come back to."
|
||||
subdescription="Stop by and try a cup of ambition."
|
||||
icon={Coffee}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flowers-antique-cage-cup-saucer-roses-wooden-table-against-pink-backdrop_23-2147940412.jpg"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EdQsaCggYStqFofZuYiZUzSvmj/uploaded-1780935786783-n236ukyd.png"
|
||||
imageAlt="Cute and cozy interior of CC's Coffee Bar"
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
@@ -166,47 +123,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Dolly*",
|
||||
price: "$4.75 - $8.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/strong-alcoholic-beverage-with-coffee_23-2148722521.jpg",
|
||||
imageAlt: "Iced Dolly Latte",
|
||||
},
|
||||
id: "p1", name: "Dolly*", price: "$4.75 - $8.50", imageSrc: "http://img.b2bpic.net/free-photo/strong-alcoholic-beverage-with-coffee_23-2148722521.jpg", imageAlt: "Iced Dolly Latte"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Caramel Macchiato* - Hot",
|
||||
price: "$4.75 - $5.75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee_74190-2976.jpg",
|
||||
imageAlt: "Hot Caramel Macchiato",
|
||||
},
|
||||
id: "p2", name: "Caramel Macchiato* - Hot", price: "$4.75 - $5.75", imageSrc: "http://img.b2bpic.net/free-photo/coffee_74190-2976.jpg", imageAlt: "Hot Caramel Macchiato"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Summers Coffee - Iced",
|
||||
price: "$5.25 - $6.75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-glass-cups_23-2149646422.jpg",
|
||||
imageAlt: "Iced Summers Coffee",
|
||||
},
|
||||
id: "p3", name: "Summers Coffee - Iced", price: "$5.25 - $6.75", imageSrc: "http://img.b2bpic.net/free-photo/still-life-glass-cups_23-2149646422.jpg", imageAlt: "Iced Summers Coffee"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Pineapple Strawberry*",
|
||||
price: "$4.75 - $8.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-glass-with-decorations-party_23-2148339527.jpg",
|
||||
imageAlt: "Pineapple Strawberry Specialty Drink",
|
||||
},
|
||||
id: "p4", name: "Pineapple Strawberry*", price: "$4.75 - $8.50", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-glass-with-decorations-party_23-2148339527.jpg", imageAlt: "Pineapple Strawberry Specialty Drink"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Muffin Tops",
|
||||
price: "$3.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/muffins-coffee_23-2147693688.jpg",
|
||||
imageAlt: "Delicious Muffin Top",
|
||||
},
|
||||
id: "p5", name: "Muffin Tops", price: "$3.00", imageSrc: "http://img.b2bpic.net/free-photo/muffins-coffee_23-2147693688.jpg", imageAlt: "Delicious Muffin Top"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Breakfast Sandwiches",
|
||||
price: "$5.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast_1339-1102.jpg",
|
||||
imageAlt: "Hearty Breakfast Sandwich",
|
||||
},
|
||||
id: "p6", name: "Breakfast Sandwiches", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/breakfast_1339-1102.jpg", imageAlt: "Hearty Breakfast Sandwich"},
|
||||
]}
|
||||
title="Menu Highlights"
|
||||
description="Discover our handcrafted favorites and specialty drinks, made with passion and good vibes."
|
||||
@@ -220,73 +147,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Kelli Sowards",
|
||||
role: "Local Customer",
|
||||
company: "Quincy",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-girl-white-t-shirt-summer-city_1157-38441.jpg",
|
||||
imageAlt: "Kelli Sowards smiling",
|
||||
},
|
||||
id: "t1", name: "Kelli Sowards", role: "Local Customer", company: "Quincy", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-girl-white-t-shirt-summer-city_1157-38441.jpg", imageAlt: "Kelli Sowards smiling"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Regular Patron",
|
||||
role: "Daily Visitor",
|
||||
company: "Canton",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-drawing-tablet_23-2149927581.jpg",
|
||||
imageAlt: "Happy customer enjoying breakfast",
|
||||
},
|
||||
id: "t2", name: "Regular Patron", role: "Daily Visitor", company: "Canton", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-drawing-tablet_23-2149927581.jpg", imageAlt: "Happy customer enjoying breakfast"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Coffee Lover",
|
||||
role: "Community Member",
|
||||
company: "Quincy",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adorable-charming-lady-with-long-hair-wearing-trendy-blouse-sitting-cafeteria-with-great-smile_291650-620.jpg",
|
||||
imageAlt: "Smiling woman in a coffee shop",
|
||||
},
|
||||
id: "t3", name: "Coffee Lover", role: "Community Member", company: "Quincy", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adorable-charming-lady-with-long-hair-wearing-trendy-blouse-sitting-cafeteria-with-great-smile_291650-620.jpg", imageAlt: "Smiling woman in a coffee shop"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Tay Johnson",
|
||||
role: "New Customer",
|
||||
company: "Canton",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-using-phone_1303-22502.jpg",
|
||||
imageAlt: "Tay Johnson enjoying a coffee",
|
||||
},
|
||||
id: "t4", name: "Tay Johnson", role: "New Customer", company: "Canton", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-using-phone_1303-22502.jpg", imageAlt: "Tay Johnson enjoying a coffee"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sarah Miller",
|
||||
role: "Student",
|
||||
company: "Quincy",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/feedback-response-evaluation-survey-report_53876-121548.jpg",
|
||||
imageAlt: "Happy student with coffee",
|
||||
},
|
||||
id: "t5", name: "Sarah Miller", role: "Student", company: "Quincy", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/feedback-response-evaluation-survey-report_53876-121548.jpg", imageAlt: "Happy student with coffee"},
|
||||
{
|
||||
id: "t6",
|
||||
name: "David Brown",
|
||||
role: "Commuter",
|
||||
company: "Canton",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-drinking-coffee-spacious-cafeteria_23-2150424007.jpg",
|
||||
imageAlt: "Commuter with a coffee cup",
|
||||
},
|
||||
id: "t6", name: "David Brown", role: "Commuter", company: "Canton", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-drinking-coffee-spacious-cafeteria_23-2150424007.jpg", imageAlt: "Commuter with a coffee cup"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Stars",
|
||||
},
|
||||
value: "5.0", label: "Stars"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Recommended",
|
||||
},
|
||||
value: "100%", label: "Recommended"},
|
||||
{
|
||||
value: "11+",
|
||||
label: "Facebook Reviews",
|
||||
},
|
||||
value: "11+", label: "Facebook Reviews"},
|
||||
]}
|
||||
title="What People Are Saying"
|
||||
description="Hear from our beloved community members who make CC's their favorite daily stop."
|
||||
@@ -300,20 +185,11 @@ export default function LandingPage() {
|
||||
tag="Community Love"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5.0",
|
||||
description: "Google Stars",
|
||||
},
|
||||
id: "m1", value: "5.0", description: "Google Stars"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
description: "Facebook Recommended",
|
||||
},
|
||||
id: "m2", value: "100%", description: "Facebook Recommended"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "2",
|
||||
description: "Thriving Locations",
|
||||
},
|
||||
id: "m3", value: "2", description: "Thriving Locations"},
|
||||
]}
|
||||
metricsAnimation="opacity"
|
||||
/>
|
||||
@@ -325,17 +201,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Quincy, IL",
|
||||
description: "Address: 106 S. 11th, Quincy, IL\nPhone: (217) 695-2303\nHours: Mon–Fri: 6 AM–3 PM | Sat & Sun: Closed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-bistro-exterior-architecture_23-2149356830.jpg",
|
||||
imageAlt: "Exterior of CC's Coffee Bar in Quincy, IL",
|
||||
},
|
||||
title: "Quincy, IL", description: "Address: 106 S. 11th, Quincy, IL\nPhone: (217) 695-2303\nHours: Mon–Fri: 6 AM–3 PM | Sat & Sun: Closed", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-bistro-exterior-architecture_23-2149356830.jpg", imageAlt: "Exterior of CC's Coffee Bar in Quincy, IL"},
|
||||
{
|
||||
title: "Canton, MO",
|
||||
description: "Address: 300 N 4th St, Canton, MO 63435\nPhone: (573) 501-7857\nHours: Mon–Fri: 5:30 AM–5 PM | Sat–Sun: 7 AM–4 PM",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/provencal-style-house_1147-423.jpg",
|
||||
imageAlt: "Exterior of CC's Coffee Bar in Canton, MO",
|
||||
},
|
||||
title: "Canton, MO", description: "Address: 300 N 4th St, Canton, MO 63435\nPhone: (573) 501-7857\nHours: Mon–Fri: 5:30 AM–5 PM | Sat–Sun: 7 AM–4 PM", imageSrc: "http://img.b2bpic.net/free-photo/provencal-style-house_1147-423.jpg", imageAlt: "Exterior of CC's Coffee Bar in Canton, MO"},
|
||||
]}
|
||||
title="Find Your Nearest CC's"
|
||||
description="Visit one of our two convenient Midwest locations for your daily cup of ambition."
|
||||
@@ -346,14 +214,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
text="Ready to order? Skip the line and get your favorite drink now!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Online",
|
||||
href: "https://ccs-coffee-bar-llc.square.site",
|
||||
},
|
||||
text: "Order Online", href: "https://ccs-coffee-bar-llc.square.site"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -364,13 +229,9 @@ export default function LandingPage() {
|
||||
logoAlt="CC's Coffee Bar Logo"
|
||||
logoText="CC's Coffee Bar — A cup of ambition.\n\nQuincy, IL: (217) 695-2303\nCanton, MO: (573) 501-7857\nEmail: ccscoffeebar@gmail.com"
|
||||
leftLink={{
|
||||
text: "Order Online",
|
||||
href: "https://ccs-coffee-bar-llc.square.site",
|
||||
}}
|
||||
text: "Order Online", href: "https://ccs-coffee-bar-llc.square.site"}}
|
||||
rightLink={{
|
||||
text: "Facebook",
|
||||
href: "https://www.facebook.com/ccscoffeebar/",
|
||||
}}
|
||||
text: "Facebook", href: "https://www.facebook.com/ccscoffeebar/"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user