Merge version_2 into main #1
237
src/app/page.tsx
237
src/app/page.tsx
@@ -29,22 +29,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Peoples Town"
|
||||
/>
|
||||
@@ -52,84 +41,35 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Where Mornings Start & Nights Unwind"
|
||||
description="Peoples Town Coffee Bar blends the energy of a modern café with the soul of a neighborhood hangout. Craft coffee, elevated bites, and curated drinks."
|
||||
kpis={[
|
||||
{
|
||||
value: "15+",
|
||||
label: "Local Roasters",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Community Vibe",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Good Times",
|
||||
},
|
||||
{ value: "15+", label: "Local Roasters" },
|
||||
{ value: "24/7", label: "Community Vibe" },
|
||||
{ value: "100%", label: "Good Times" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
{ text: "Visit Us", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064702.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/laughing-woman-drinking-cafe_23-2147785363.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dreamy-stylish-girl-with-blonde-hair-pink-lips-sitting-coffee-shop-with-wooden-chairs-table-she-holds-cup-cofee-touches-her-hair_197531-102.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-barista-serving-cups-coffee_23-2148522983.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-young-redhead-guy-holding-coffee-cup_171337-9995.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/hand-drawn-w-colours-pattern_23-2149867278.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/laughing-woman-drinking-cafe_23-2147785363.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/dreamy-stylish-girl-with-blonde-hair-pink-lips-sitting-coffee-shop-with-wooden-chairs-table-she-holds-cup-cofee-touches-her-hair_197531-102.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-smiley-barista-serving-cups-coffee_23-2148522983.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-young-redhead-guy-holding-coffee-cup_171337-9995.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-vector/hand-drawn-w-colours-pattern_23-2149867278.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
avatarText="Loved by over 500+ neighbors"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisanal Roasts",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fresh Pastries",
|
||||
icon: Croissant,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Curated Wine",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Pet Friendly",
|
||||
icon: Coffee,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Local Vibes",
|
||||
},
|
||||
{ type: "text", text: "Artisanal Roasts" },
|
||||
{ type: "text-icon", text: "Fresh Pastries", icon: Croissant },
|
||||
{ type: "text", text: "Curated Wine" },
|
||||
{ type: "text-icon", text: "Pet Friendly", icon: Coffee },
|
||||
{ type: "text", text: "Local Vibes" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -138,19 +78,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "More Than Just ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-couple-selling-food-street_329181-20708.jpg",
|
||||
alt: "Coffee Bar",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " A Neighborhood Spot Reimagined.",
|
||||
},
|
||||
{ type: "text", content: "More Than Just " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/portrait-couple-selling-food-street_329181-20708.jpg", alt: "Coffee Bar" },
|
||||
{ type: "text", content: " A Neighborhood Spot Reimagined." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -162,60 +92,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Roast",
|
||||
name: "Artisanal Espresso",
|
||||
price: "$4.50",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/preparing-sake-japanese-beverage_23-2150158649.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Bites",
|
||||
name: "Gourmet Breakfast Sandwich",
|
||||
price: "$9.00",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-breakfast-sandwiches-with-salmon-avocado-with-copy-space_23-2148797019.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Drinks",
|
||||
name: "House Red Wine",
|
||||
price: "$12.00",
|
||||
rating: 4,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-three-alcoholic-bottles-ears-wheat-wooden-surface_23-2147952044.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Bites",
|
||||
name: "Fresh Butter Croissant",
|
||||
price: "$3.50",
|
||||
rating: 5,
|
||||
reviewCount: "200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-food-packaged-can_23-2151206968.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Drinks",
|
||||
name: "Cold Brew Special",
|
||||
price: "$5.00",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-soft-drink_23-2151281857.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Drinks",
|
||||
name: "Craft Lager",
|
||||
price: "$7.00",
|
||||
rating: 4,
|
||||
reviewCount: "60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cake-with-walnuts-prunes-dried-apricots-dark-wood-background_505751-5234.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Roast", name: "Artisanal Espresso", price: "$4.50", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/preparing-sake-japanese-beverage_23-2150158649.jpg" },
|
||||
{ id: "p2", brand: "Bites", name: "Gourmet Breakfast Sandwich", price: "$9.00", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-breakfast-sandwiches-with-salmon-avocado-with-copy-space_23-2148797019.jpg" },
|
||||
{ id: "p3", brand: "Drinks", name: "House Red Wine", price: "$12.00", rating: 4, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-three-alcoholic-bottles-ears-wheat-wooden-surface_23-2147952044.jpg" },
|
||||
]}
|
||||
title="Craft Menu"
|
||||
description="Start your day with handcrafted roasts and fresh breakfast sandwiches, or join us later for wine and curated bites."
|
||||
@@ -226,31 +105,9 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laughing-woman-drinking-cafe_23-2147785363.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Bob R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-stylish-girl-with-blonde-hair-pink-lips-sitting-coffee-shop-with-wooden-chairs-table-she-holds-cup-cofee-touches-her-hair_197531-102.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Charlie D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-barista-serving-cups-coffee_23-2148522983.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Diana K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-young-redhead-guy-holding-coffee-cup_171337-9995.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Evan L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-w-colours-pattern_23-2149867278.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Alice M.", imageSrc: "http://img.b2bpic.net/free-photo/laughing-woman-drinking-cafe_23-2147785363.jpg" },
|
||||
{ id: "t2", name: "Bob R.", imageSrc: "http://img.b2bpic.net/free-photo/dreamy-stylish-girl-with-blonde-hair-pink-lips-sitting-coffee-shop-with-wooden-chairs-table-she-holds-cup-cofee-touches-her-hair_197531-102.jpg" },
|
||||
{ id: "t3", name: "Charlie D.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-barista-serving-cups-coffee_23-2148522983.jpg" },
|
||||
]}
|
||||
cardTitle="What the Neighborhood Says"
|
||||
cardTag="Community Love"
|
||||
@@ -263,28 +120,12 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Where are you located?",
|
||||
content: "We're right in the heart of Peoples Town, at 123 Main St.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you serve food?",
|
||||
content: "Yes, we offer elevated breakfast sandwiches and evening curated bites.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are you pet friendly?",
|
||||
content: "Absolutely! We love welcoming furry friends on our patio.",
|
||||
},
|
||||
{ id: "f1", title: "Where are you located?", content: "We're right in the heart of Peoples Town, at 123 Main St." },
|
||||
{ id: "f2", title: "Do you serve food?", content: "Yes, we offer elevated breakfast sandwiches and evening curated bites." },
|
||||
]}
|
||||
ctaTitle="Visit Our Bar"
|
||||
ctaDescription="Join us today for a coffee or a glass of wine. We love meeting new people!"
|
||||
ctaButton={{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
}}
|
||||
ctaButton={{ text: "Get Directions", href: "#" }}
|
||||
ctaIcon={MapPin}
|
||||
/>
|
||||
</div>
|
||||
@@ -292,17 +133,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Peoples Town"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "© 2024 Peoples Town Coffee",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "© 2024 Peoples Town Coffee", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user