Merge version_1 into main #1
176
src/app/page.tsx
176
src/app/page.tsx
@@ -31,25 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
href: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
href: "/menu",
|
||||
},
|
||||
name: "Menu", id: "/menu"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "about",
|
||||
href: "/about",
|
||||
},
|
||||
name: "About Us", id: "/about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
href: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="Coffy Coffee"
|
||||
/>
|
||||
@@ -58,15 +46,12 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Coffy Coffee"
|
||||
description="Brewed for Your Mood. Your daily dose of warmth and comfort."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "/menu",
|
||||
},
|
||||
text: "Order Now", href: "/menu"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-easter-coffee-decorations_52683-109955.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -81,26 +66,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "latte",
|
||||
name: "Iced Caramel Latte",
|
||||
price: "$5.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/refreshing-iced-coffee-with-condensation-dark-background_84443-83807.jpg",
|
||||
imageAlt: "Iced Caramel Latte",
|
||||
},
|
||||
id: "latte", name: "Iced Caramel Latte", price: "$5.99", imageSrc: "http://img.b2bpic.net/free-photo/refreshing-iced-coffee-with-condensation-dark-background_84443-83807.jpg", imageAlt: "Iced Caramel Latte"},
|
||||
{
|
||||
id: "espresso",
|
||||
name: "Espresso Shot",
|
||||
price: "$3.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spoon-cup-coffee_23-2147764932.jpg",
|
||||
imageAlt: "Espresso Shot",
|
||||
},
|
||||
id: "espresso", name: "Espresso Shot", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/spoon-cup-coffee_23-2147764932.jpg", imageAlt: "Espresso Shot"},
|
||||
{
|
||||
id: "mocha",
|
||||
name: "Classic Mocha",
|
||||
price: "$5.75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-hot-chocolate-concept_23-2148799162.jpg",
|
||||
imageAlt: "Classic Mocha",
|
||||
},
|
||||
id: "mocha", name: "Classic Mocha", price: "$5.75", imageSrc: "http://img.b2bpic.net/free-photo/front-view-hot-chocolate-concept_23-2148799162.jpg", imageAlt: "Classic Mocha"},
|
||||
]}
|
||||
title="Our Signature Brews"
|
||||
description="Discover our most popular hot and cold coffee selections, crafted to perfection."
|
||||
@@ -114,40 +84,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Regular Customer",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "Regular Customer", company: "Local", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Morning Commuter",
|
||||
company: "Tech Company",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-woman-with-short-curly-hair-dressed-jacket-glasses-poses-pink-with-clasped-hands-wonderful-smile_291650-1138.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "Morning Commuter", company: "Tech Company", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-woman-with-short-curly-hair-dressed-jacket-glasses-poses-pink-with-clasped-hands-wonderful-smile_291650-1138.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Freelancer",
|
||||
company: "Creative Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-good-looking-office-lady-enjoying-hot-coffee-holding-cup-sitttin-cafe-alone_197531-22846.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Freelancer", company: "Creative Studio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-good-looking-office-lady-enjoying-hot-coffee-holding-cup-sitttin-cafe-alone_197531-22846.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Student",
|
||||
company: "University",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-businessman-smiling-happy-touching-his-glasses-city_839833-13933.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Student", company: "University", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-businessman-smiling-happy-touching-his-glasses-city_839833-13933.jpg"},
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Hear from our beloved customers about their Coffy Coffee experience."
|
||||
animationType="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -156,59 +107,23 @@ export default function LandingPage() {
|
||||
layout="page"
|
||||
products={[
|
||||
{
|
||||
id: "hot-cappuccino",
|
||||
category: "Hot Coffee",
|
||||
name: "Cappuccino",
|
||||
price: "$4.50",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/coffee-cup-collection-detailed-style_23-2147742124.jpg",
|
||||
imageAlt: "Hot Cappuccino",
|
||||
},
|
||||
id: "hot-cappuccino", category: "Hot Coffee", name: "Cappuccino", price: "$4.50", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/coffee-cup-collection-detailed-style_23-2147742124.jpg", imageAlt: "Hot Cappuccino"},
|
||||
{
|
||||
id: "hot-americano",
|
||||
category: "Hot Coffee",
|
||||
name: "Americano",
|
||||
price: "$3.75",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-mugs-beer-glasses_23-2148726854.jpg",
|
||||
imageAlt: "Hot Americano",
|
||||
},
|
||||
id: "hot-americano", category: "Hot Coffee", name: "Americano", price: "$3.75", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-mugs-beer-glasses_23-2148726854.jpg", imageAlt: "Hot Americano"},
|
||||
{
|
||||
id: "cold-macchiato",
|
||||
category: "Cold Coffee",
|
||||
name: "Iced Caramel Macchiato",
|
||||
price: "$5.99",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bar-still-life-with-summer-cocktails_23-2147821294.jpg",
|
||||
imageAlt: "Iced Caramel Macchiato",
|
||||
},
|
||||
id: "cold-macchiato", category: "Cold Coffee", name: "Iced Caramel Macchiato", price: "$5.99", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bar-still-life-with-summer-cocktails_23-2147821294.jpg", imageAlt: "Iced Caramel Macchiato"},
|
||||
{
|
||||
id: "cold-brew",
|
||||
category: "Cold Coffee",
|
||||
name: "Cold Brew",
|
||||
price: "$4.99",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-blue-drink-composition-table_23-2148890315.jpg",
|
||||
imageAlt: "Cold Brew",
|
||||
},
|
||||
id: "cold-brew", category: "Cold Coffee", name: "Cold Brew", price: "$4.99", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-blue-drink-composition-table_23-2148890315.jpg", imageAlt: "Cold Brew"},
|
||||
{
|
||||
id: "dessert-croissant",
|
||||
category: "Desserts",
|
||||
name: "Chocolate Croissant",
|
||||
price: "$3.25",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-wooden-table_23-2147667231.jpg",
|
||||
imageAlt: "Chocolate Croissant",
|
||||
},
|
||||
id: "dessert-croissant", category: "Desserts", name: "Chocolate Croissant", price: "$3.25", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-wooden-table_23-2147667231.jpg", imageAlt: "Chocolate Croissant"},
|
||||
{
|
||||
id: "dessert-muffin",
|
||||
category: "Desserts",
|
||||
name: "Blueberry Muffin",
|
||||
price: "$2.99",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-blueberry-desserts-with-mint_23-2148689820.jpg",
|
||||
imageAlt: "Blueberry Muffin",
|
||||
},
|
||||
id: "dessert-muffin", category: "Desserts", name: "Blueberry Muffin", price: "$2.99", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-blueberry-desserts-with-mint_23-2148689820.jpg", imageAlt: "Blueberry Muffin"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -220,19 +135,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Heart,
|
||||
label: "Years Brewing",
|
||||
value: "8+",
|
||||
},
|
||||
label: "Years Brewing", value: "8+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Customers",
|
||||
value: "10K+",
|
||||
},
|
||||
label: "Happy Customers", value: "10K+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Quality Roasts",
|
||||
value: "Premium",
|
||||
},
|
||||
label: "Quality Roasts", value: "Premium"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -242,20 +151,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Get in Touch"
|
||||
title="Visit Us or Say Hello!"
|
||||
description="We'd love to hear from you. Find us at our cozy location or send us a message. Our friendly staff is ready to serve you the perfect brew. \n\n**Location:** 123 Coffee Lane, Brewville, CA \n**Phone:** +1 (555) 123-4567 \n**Hours:** Mon-Fri: 7 AM - 7 PM, Sat-Sun: 8 AM - 6 PM"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Us",
|
||||
href: "tel:+15551234567",
|
||||
},
|
||||
text: "Call Us", href: "tel:+15551234567"},
|
||||
{
|
||||
text: "Email Us",
|
||||
href: "mailto:hello@coffycoffee.com",
|
||||
},
|
||||
text: "Email Us", href: "mailto:hello@coffycoffee.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -267,14 +171,10 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com/coffycoffee",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "https://instagram.com/coffycoffee", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com/coffycoffee",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "https://facebook.com/coffycoffee", ariaLabel: "Facebook"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user