Merge version_1 into main #1
227
src/app/page.tsx
227
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Smile, Star, Zap } from "lucide-react";
|
||||
import { Smile, Star, Zap, Coffee, Award } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Code Bean Coffee"
|
||||
/>
|
||||
@@ -56,64 +48,39 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Fuel Your Day. Upgrade Your Energy."
|
||||
description="Next-level coffee, custom-crafted drinks, and an energy you won't find anywhere else. Experience the Code Bean standard in every sip."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-asian-barista-girl-giving-takeaway-coffee-cup-prepare-takeout-order-guest-cafe-wearing_1258-199322.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-asian-barista-girl-giving-takeaway-coffee-cup-prepare-takeout-order-guest-cafe-wearing_1258-199322.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-girl-with-curly-hair-drinking-coffee-writing-notes_7502-9175.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-girl-with-curly-hair-drinking-coffee-writing-notes_7502-9175.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-girl-sitting-shadows-plant_23-2148463014.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-girl-sitting-shadows-plant_23-2148463014.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-coffee_23-2149429333.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-coffee_23-2149429333.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-3d-coffee-cup_23-2151083712.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-3d-coffee-cup_23-2151083712.jpg", alt: "Customer"},
|
||||
]}
|
||||
avatarText="Loved by locals"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Menu", href: "#menu"},
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Directions", href: "#contact"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "100% Arabica Beans",
|
||||
},
|
||||
type: "text", text: "100% Arabica Beans"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Electric Energy Blends",
|
||||
},
|
||||
type: "text", text: "Electric Energy Blends"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Owned & Operated",
|
||||
},
|
||||
type: "text", text: "Locally Owned & Operated"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast, Premium Service",
|
||||
},
|
||||
type: "text", text: "Fast, Premium Service"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Open Daily in Yelm",
|
||||
},
|
||||
type: "text", text: "Open Daily in Yelm"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -125,19 +92,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Energy Level",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Energy Level", value: "100%"},
|
||||
{
|
||||
icon: Smile,
|
||||
label: "Happy Locals",
|
||||
value: "500+",
|
||||
},
|
||||
label: "Happy Locals", value: "500+"},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Rating",
|
||||
value: "5.0",
|
||||
},
|
||||
label: "Rating", value: "5.0"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -151,41 +112,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Blue Screen Reboot",
|
||||
price: "$6.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-3807.jpg",
|
||||
},
|
||||
id: "1", name: "Blue Screen Reboot", price: "$6.50", imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-3807.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Smokey Chicken Bacon Melt",
|
||||
price: "$9.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-healthy-food-snack-lunch-ideas-homemade-bread-with-cheese-avocado_8353-8770.jpg",
|
||||
},
|
||||
id: "2", name: "Smokey Chicken Bacon Melt", price: "$9.00", imageSrc: "http://img.b2bpic.net/free-photo/fresh-healthy-food-snack-lunch-ideas-homemade-bread-with-cheese-avocado_8353-8770.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Cyber Cold Brew",
|
||||
price: "$5.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anime-coffee-shop-illustration_23-2151764676.jpg",
|
||||
},
|
||||
id: "3", name: "Cyber Cold Brew", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/anime-coffee-shop-illustration_23-2151764676.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Java Circuit Latte",
|
||||
price: "$6.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cocktail-refreshment-neo-futuristic-style_23-2151370363.jpg",
|
||||
},
|
||||
id: "4", name: "Java Circuit Latte", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/cocktail-refreshment-neo-futuristic-style_23-2151370363.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Binary Bean Blend",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-soft-drink_23-2151281609.jpg",
|
||||
},
|
||||
id: "5", name: "Binary Bean Blend", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-soft-drink_23-2151281609.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Terminal Tea",
|
||||
price: "$5.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-brightly-colored-soda-can_23-2150995307.jpg",
|
||||
},
|
||||
id: "6", name: "Terminal Tea", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-brightly-colored-soda-can_23-2150995307.jpg"},
|
||||
]}
|
||||
title="Our Signature Creations"
|
||||
description="Hand-crafted fuel for your daily grind."
|
||||
@@ -198,29 +135,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "High Energy Service",
|
||||
description: "Always friendly, always high-energy atmosphere.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beverage-orange-juice-coffee-break-relax_53876-23279.jpg",
|
||||
},
|
||||
title: "High Energy Service", description: "Always friendly, always high-energy atmosphere.", buttonIcon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beverage-orange-juice-coffee-break-relax_53876-23279.jpg"},
|
||||
{
|
||||
title: "Custom Perfection",
|
||||
description: "We craft every drink exactly how you want it.",
|
||||
buttonIcon: "Coffee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-round-pancakes-with-black-cup-milk-wooden-desk-with-ropes-grey-background-food-meal-breakfast-sweet_140725-23079.jpg",
|
||||
},
|
||||
title: "Custom Perfection", description: "We craft every drink exactly how you want it.", buttonIcon: Coffee,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-round-pancakes-with-black-cup-milk-wooden-desk-with-ropes-grey-background-food-meal-breakfast-sweet_140725-23079.jpg"},
|
||||
{
|
||||
title: "Unique Menu",
|
||||
description: "Signature items you won't find anywhere else.",
|
||||
buttonIcon: "Star",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-hot-coffee_53876-30112.jpg",
|
||||
},
|
||||
title: "Unique Menu", description: "Signature items you won't find anywhere else.", buttonIcon: Star,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-hot-coffee_53876-30112.jpg"},
|
||||
{
|
||||
title: "Local Favorite",
|
||||
description: "Consistently amazing quality in the heart of Yelm.",
|
||||
buttonIcon: "Award",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trendy-coffee-shop-city_53876-16505.jpg",
|
||||
},
|
||||
title: "Local Favorite", description: "Consistently amazing quality in the heart of Yelm.", buttonIcon: Award,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trendy-coffee-shop-city_53876-16505.jpg"},
|
||||
]}
|
||||
title="Why Code Bean?"
|
||||
description="We are more than just a coffee stand; we are your ritual."
|
||||
@@ -234,40 +159,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The service is consistently amazing and the drinks are perfection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-drinking-from-mug_23-2148184931.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "The service is consistently amazing and the drinks are perfection.", imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-drinking-from-mug_23-2148184931.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
handle: "@markd",
|
||||
testimonial: "Not just coffee, it's an experience every single time I visit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-women-shopping-mall_329181-8040.jpg",
|
||||
},
|
||||
id: "2", name: "Mark D.", handle: "@markd", testimonial: "Not just coffee, it's an experience every single time I visit.", imageSrc: "http://img.b2bpic.net/free-photo/two-women-shopping-mall_329181-8040.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jenny L.",
|
||||
handle: "@jennyl",
|
||||
testimonial: "Super friendly staff who genuinely care about your drink quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-teens-sitting-together_23-2149241544.jpg",
|
||||
},
|
||||
id: "3", name: "Jenny L.", handle: "@jennyl", testimonial: "Super friendly staff who genuinely care about your drink quality.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-teens-sitting-together_23-2149241544.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Chris B.",
|
||||
handle: "@chrisb",
|
||||
testimonial: "Best remodel in Yelm—beautiful stand and even better coffee.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-lovely-girl-with-great-smile-knitted-cap-coming-out-from-cafe-with-coffee-go-pretty-charming-lady-walking-around-city-sunny-warm-spring-day_291650-2261.jpg",
|
||||
},
|
||||
id: "4", name: "Chris B.", handle: "@chrisb", testimonial: "Best remodel in Yelm—beautiful stand and even better coffee.", imageSrc: "http://img.b2bpic.net/free-photo/excited-lovely-girl-with-great-smile-knitted-cap-coming-out-from-cafe-with-coffee-go-pretty-charming-lady-walking-around-city-sunny-warm-spring-day_291650-2261.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex R.",
|
||||
handle: "@alexr",
|
||||
testimonial: "High-energy vibe and perfectly crafted drinks every single time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-lovely-woman-with-light-hair-wearing-striped-tshirt-blue-shirt-is-sitting-summer-cafe-drinking-morning-coffee-sunlight_291650-1826.jpg",
|
||||
},
|
||||
id: "5", name: "Alex R.", handle: "@alexr", testimonial: "High-energy vibe and perfectly crafted drinks every single time.", imageSrc: "http://img.b2bpic.net/free-photo/happy-lovely-woman-with-light-hair-wearing-striped-tshirt-blue-shirt-is-sitting-summer-cafe-drinking-morning-coffee-sunlight_291650-1826.jpg"},
|
||||
]}
|
||||
title="What Locals Say"
|
||||
description="Stories from the Code Bean experience."
|
||||
@@ -279,14 +179,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Microsoft",
|
||||
"Google",
|
||||
"Amazon",
|
||||
"Starbucks",
|
||||
"Local Business",
|
||||
"Tech Innovators",
|
||||
"Community Hub",
|
||||
]}
|
||||
"Microsoft", "Google", "Amazon", "Starbucks", "Local Business", "Tech Innovators", "Community Hub"]}
|
||||
title="Proudly Served In Yelm"
|
||||
description="Partnering with the best for quality."
|
||||
/>
|
||||
@@ -298,20 +191,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Where are you located?",
|
||||
content: "15201 Vail Rd SE Unit B, Yelm, WA.",
|
||||
},
|
||||
id: "1", title: "Where are you located?", content: "15201 Vail Rd SE Unit B, Yelm, WA."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer custom orders?",
|
||||
content: "Yes! We specialize in custom crafting drinks to your preference.",
|
||||
},
|
||||
id: "2", title: "Do you offer custom orders?", content: "Yes! We specialize in custom crafting drinks to your preference."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are you locally owned?",
|
||||
content: "Yes, Code Bean is a proud locally-owned business.",
|
||||
},
|
||||
id: "3", title: "Are you locally owned?", content: "Yes, Code Bean is a proud locally-owned business."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about Code Bean."
|
||||
@@ -323,8 +207,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Pull Up & Power Up"
|
||||
description="15201 Vail Rd SE Unit B, Yelm, WA. Open daily for your energy needs."
|
||||
@@ -339,29 +222,19 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Menu", href: "#menu"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user