bender/041d9ac6-99a4-4cff-a189-8697ae3e745d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-13 00:39:14 +00:00
parent 82e998de55
commit f003acff8d
1 changed files with 38 additions and 211 deletions
Download Patch File Download Diff File Expand all files Collapse all files

249
src/app/page.tsx
View File

@@ -7,7 +7,6 @@ import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwent
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
@@ -32,21 +31,11 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Menu",
id: "menu",
},
name: "Experience", id: "experience"},
{
name: "Experience",
id: "experience",
},
{
name: "Community",
id: "community",
},
name: "Community", id: "community"},
]}
brandName="Sip Coffee House"
/>
@@ -55,66 +44,39 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Every Sip Feels Like Home."
description="Unique coffee creations, handcrafted smoothies, and cozy moments shared in the heart of North Carolina."
buttons={[
{
text: "View Menu",
href: "#menu",
},
{
text: "Visit Sip",
href: "#community",
},
text: "Visit Sip", href: "#community"},
]}
imageSrc="http://img.b2bpic.net/free-photo/espresso-coffee-glass-wooden-table_23-2147906716.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-girl-barista-waitress-cafe-uniform-giving-you-cup-coffee-prepare_1258-199297.jpg",
alt: "Customer 1",
},
src: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-girl-barista-waitress-cafe-uniform-giving-you-cup-coffee-prepare_1258-199297.jpg", alt: "Customer 1"},
{
src: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-cafe_1303-25717.jpg",
alt: "Customer 2",
},
src: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-cafe_1303-25717.jpg", alt: "Customer 2"},
{
src: "http://img.b2bpic.net/free-photo/spectacular-woman-with-dark-long-hair-smiling-coffee-break_291650-641.jpg",
alt: "Customer 3",
},
src: "http://img.b2bpic.net/free-photo/spectacular-woman-with-dark-long-hair-smiling-coffee-break_291650-641.jpg", alt: "Customer 3"},
{
src: "http://img.b2bpic.net/free-photo/young-woman-enjoying-coffee-cup_23-2148756305.jpg",
alt: "Customer 4",
},
src: "http://img.b2bpic.net/free-photo/young-woman-enjoying-coffee-cup_23-2148756305.jpg", alt: "Customer 4"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-cute-woman_23-2148422458.jpg",
alt: "Customer 5",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-cute-woman_23-2148422458.jpg", alt: "Customer 5"},
]}
avatarText="Join our community of coffee lovers"
marqueeItems={[
{
type: "text",
text: "Locally Roasted",
},
type: "text", text: "Locally Roasted"},
{
type: "text",
text: "Fresh Pastries",
},
type: "text", text: "Fresh Pastries"},
{
type: "text",
text: "Cozy Atmosphere",
},
type: "text", text: "Cozy Atmosphere"},
{
type: "text",
text: "Artisan Lattes",
},
type: "text", text: "Artisan Lattes"},
{
type: "text",
text: "Handcrafted Smoothies",
},
type: "text", text: "Handcrafted Smoothies"},
]}
/>
</div>
@@ -127,41 +89,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Mango Magic",
price: "$7.00",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-coffee-with-milk-cream_23-2148865608.jpg",
},
id: "p1", name: "Mango Magic", price: "$7.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-coffee-with-milk-cream_23-2148865608.jpg"},
{
id: "p2",
name: "Signature Latte",
price: "$5.50",
imageSrc: "http://img.b2bpic.net/free-photo/jar-with-straw-fruits_23-2147640363.jpg",
},
id: "p2", name: "Signature Latte", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/jar-with-straw-fruits_23-2147640363.jpg"},
{
id: "p3",
name: "Cold Brew Gold",
price: "$4.50",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-thai-food-still-life_23-2149508917.jpg",
},
id: "p3", name: "Cold Brew Gold", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/delicious-thai-food-still-life_23-2149508917.jpg"},
{
id: "p4",
name: "Seasonal Chai",
price: "$6.00",
imageSrc: "http://img.b2bpic.net/free-photo/fresh-drink-with-sliced-lime-mint-umbrella-decorated-glass_23-2148145340.jpg",
},
id: "p4", name: "Seasonal Chai", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/fresh-drink-with-sliced-lime-mint-umbrella-decorated-glass_23-2148145340.jpg"},
{
id: "p5",
name: "Double Espresso",
price: "$3.50",
imageSrc: "http://img.b2bpic.net/free-photo/barista-making-cappuccino_1150-8043.jpg",
},
id: "p5", name: "Double Espresso", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/barista-making-cappuccino_1150-8043.jpg"},
{
id: "p6",
name: "Mocha Velvet",
price: "$6.50",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-coffee-with-copy-space_23-2148464891.jpg",
},
id: "p6", name: "Mocha Velvet", price: "$6.50", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-coffee-with-copy-space_23-2148464891.jpg"},
]}
title="Crafted Beyond the Ordinary"
description="Classics perfected. Originals unforgettable."
@@ -189,89 +127,21 @@ export default function LandingPage() {
author="Sarah Johnson"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/smiling-friendly-waitress-coffee-shop-barista-giving-out-takeaway-order-cappuccino-paper-cup_1258-203449.jpg",
alt: "Customer",
},
src: "http://img.b2bpic.net/free-photo/smiling-friendly-waitress-coffee-shop-barista-giving-out-takeaway-order-cappuccino-paper-cup_1258-203449.jpg", alt: "Customer"},
{
src: "http://img.b2bpic.net/free-photo/multicultural-friends-laughing-together-medium-shot_23-2148422484.jpg",
alt: "Customer",
},
src: "http://img.b2bpic.net/free-photo/multicultural-friends-laughing-together-medium-shot_23-2148422484.jpg", alt: "Customer"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-mug_23-2148503426.jpg",
alt: "Customer",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-mug_23-2148503426.jpg", alt: "Customer"},
{
src: "http://img.b2bpic.net/free-photo/pretty-young-woman-enjoying-coffee-cup_23-2148756346.jpg",
alt: "Customer",
},
src: "http://img.b2bpic.net/free-photo/pretty-young-woman-enjoying-coffee-cup_23-2148756346.jpg", alt: "Customer"},
{
src: "http://img.b2bpic.net/free-photo/happy-female-sitting-with-coffee_23-2147834493.jpg",
alt: "Customer",
},
src: "http://img.b2bpic.net/free-photo/happy-female-sitting-with-coffee_23-2147834493.jpg", alt: "Customer"},
]}
ratingAnimation="blur-reveal"
avatarsAnimation="slide-up"
/>
</div>
<div id="menu" data-section="menu">
<PricingCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "m1",
name: "Coffee",
price: "From $3",
buttons: [
{
text: "View Details",
},
],
features: [
"Drip Coffee",
"Americano",
"Espresso",
"Cold Brew",
],
},
{
id: "m2",
name: "Smoothies",
price: "From $6",
buttons: [
{
text: "View Details",
},
],
features: [
"Mango Magic",
"Berry Blast",
"Green Energy",
],
},
{
id: "m3",
name: "Pastries",
price: "From $4",
buttons: [
{
text: "View Details",
},
],
features: [
"Butter Croissant",
"Scone",
"Muffin",
],
},
]}
title="Explore Our Menu"
description="Browse our curated selection of coffee, refreshers, and snacks."
/>
</div>
<div id="community" data-section="community">
<FeatureCardTwentyOne
useInvertedBackground={true}
@@ -279,20 +149,11 @@ export default function LandingPage() {
description="Sip Coffee House isn’t just somewhere to grab coffee — it’s where conversations happen, friendships grow, and mornings start better."
accordionItems={[
{
id: "a1",
title: "Local Events",
content: "Join us for weekly community meetups and open mic nights.",
},
id: "a1", title: "Local Events", content: "Join us for weekly community meetups and open mic nights."},
{
id: "a2",
title: "Family Friendly",
content: "A welcoming space for families to relax and enjoy.",
},
id: "a2", title: "Family Friendly", content: "A welcoming space for families to relax and enjoy."},
{
id: "a3",
title: "Sustainable Sourcing",
content: "Ethically sourced beans from local roasters.",
},
id: "a3", title: "Sustainable Sourcing", content: "Ethically sourced beans from local roasters."},
]}
imageSrc="http://img.b2bpic.net/free-photo/friends-having-fun-with-traditional-games_23-2149332692.jpg"
mediaAnimation="slide-up"
@@ -308,35 +169,11 @@ export default function LandingPage() {
description="Behind the beans and beyond the brew."
blogs={[
{
id: "b1",
category: "Culture",
title: "The Art of Latte",
excerpt: "What makes a perfect pour?",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-breakfast-elements_23-2148173411.jpg",
authorName: "Jane Doe",
authorAvatar: "http://img.b2bpic.net/free-photo/serious-stylish-girl-with-blonde-hair-pink-lips-sitting-coffee-shop-with-wooden-chairs-table-she-holds-cup-cofee_197531-98.jpg",
date: "Oct 12, 2023",
},
id: "b1", category: "Culture", title: "The Art of Latte", excerpt: "What makes a perfect pour?", imageSrc: "http://img.b2bpic.net/free-photo/top-view-breakfast-elements_23-2148173411.jpg", authorName: "Jane Doe", authorAvatar: "http://img.b2bpic.net/free-photo/serious-stylish-girl-with-blonde-hair-pink-lips-sitting-coffee-shop-with-wooden-chairs-table-she-holds-cup-cofee_197531-98.jpg", date: "Oct 12, 2023"},
{
id: "b2",
category: "Events",
title: "Open Mic Night",
excerpt: "A weekly tradition of rhythm.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-asian-food-concept_23-2148773749.jpg",
authorName: "John Smith",
authorAvatar: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-686.jpg",
date: "Oct 05, 2023",
},
id: "b2", category: "Events", title: "Open Mic Night", excerpt: "A weekly tradition of rhythm.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-asian-food-concept_23-2148773749.jpg", authorName: "John Smith", authorAvatar: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-686.jpg", date: "Oct 05, 2023"},
{
id: "b3",
category: "Drinks",
title: "Mango Magic",
excerpt: "The story behind our best-seller.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-asian-food-concept_23-2148773751.jpg",
authorName: "Jane Doe",
authorAvatar: "http://img.b2bpic.net/free-photo/boy-having-beer-restaurant_23-2148172693.jpg",
date: "Sep 28, 2023",
},
id: "b3", category: "Drinks", title: "Mango Magic", excerpt: "The story behind our best-seller.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-asian-food-concept_23-2148773751.jpg", authorName: "Jane Doe", authorAvatar: "http://img.b2bpic.net/free-photo/boy-having-beer-restaurant_23-2148172693.jpg", date: "Sep 28, 2023"},
]}
/>
</div>
@@ -345,29 +182,19 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Visit Us",
items: [
title: "Visit Us", items: [
{
label: "123 Coffee Ln, North Carolina",
href: "#",
},
label: "123 Coffee Ln, North Carolina", href: "#"},
{
label: "Mon-Sun: 7am - 8pm",
href: "#",
},
label: "Mon-Sun: 7am - 8pm", href: "#"},
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{
label: "hello@sipcoffee.com",
href: "mailto:hello@sipcoffee.com",
},
label: "hello@sipcoffee.com", href: "mailto:hello@sipcoffee.com"},
{
label: "Instagram",
href: "https://instagram.com",
},
label: "Instagram", href: "https://instagram.com"},
],
},
]}