Update src/app/page.tsx
This commit is contained in:
239
src/app/page.tsx
239
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "features",
|
||||
},
|
||||
name: "Menu", id: "features"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Coffee Vue Point"
|
||||
/>
|
||||
@@ -59,47 +49,20 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Experience Perfection in Every Cup"
|
||||
description="Coffee Vue Point brings you the finest ethically sourced beans, masterfully roasted for a unique sensory journey."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Menu",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Explore Menu", href: "#features"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-digital-tablet-book-pot-plant-wooden-table-restaurant_23-2147936091.jpg",
|
||||
imageAlt: "barista pouring latte art",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-closeup-background_1232-2003.jpg",
|
||||
imageAlt: "steaming coffee cup",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-near-glass-coffee-beans-black-coffee-machine-ambiental-coffee-shop_1268-20260.jpg",
|
||||
imageAlt: "espresso machine detail",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-with-cutlery_23-2150312258.jpg",
|
||||
imageAlt: "coffee shop table setting",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-business-customer-background-light_1203-4029.jpg",
|
||||
imageAlt: "pouring hot coffee",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-full-coffee-beans_1112-289.jpg",
|
||||
imageAlt: "latte art close up",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/laptop-digital-tablet-book-pot-plant-wooden-table-restaurant_23-2147936091.jpg", imageAlt: "barista pouring latte art" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-closeup-background_1232-2003.jpg", imageAlt: "steaming coffee cup" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/barista-near-glass-coffee-beans-black-coffee-machine-ambiental-coffee-shop_1268-20260.jpg", imageAlt: "espresso machine detail" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-with-cutlery_23-2150312258.jpg", imageAlt: "coffee shop table setting" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/vintage-business-customer-background-light_1203-4029.jpg", imageAlt: "pouring hot coffee" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/table-full-coffee-beans_1112-289.jpg", imageAlt: "latte art close up" }
|
||||
]}
|
||||
tag="Artisan Roastery"
|
||||
tagIcon={Coffee}
|
||||
@@ -122,38 +85,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Ethical Sourcing",
|
||||
author: "Direct Trade",
|
||||
description: "We source our beans directly from sustainable farms.",
|
||||
tags: [
|
||||
"Ethical",
|
||||
"Fair",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffe-with-copy-space_23-2148464796.jpg",
|
||||
id: "f1", title: "Ethical Sourcing", author: "Direct Trade", description: "We source our beans directly from sustainable farms.", tags: ["Ethical", "Fair"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffe-with-copy-space_23-2148464796.jpg"
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Expert Roasting",
|
||||
author: "Master Roasters",
|
||||
description: "Small batches roasted for peak freshness.",
|
||||
tags: [
|
||||
"Roast",
|
||||
"Fresh",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-plates-with-raw-beans-black_114579-39074.jpg",
|
||||
id: "f2", title: "Expert Roasting", author: "Master Roasters", description: "Small batches roasted for peak freshness.", tags: ["Roast", "Fresh"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-plates-with-raw-beans-black_114579-39074.jpg"
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Barista Excellence",
|
||||
author: "Training Team",
|
||||
description: "Crafting art in every single cup.",
|
||||
tags: [
|
||||
"Skill",
|
||||
"Art",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-business-man-working_23-2148366589.jpg",
|
||||
},
|
||||
id: "f3", title: "Barista Excellence", author: "Training Team", description: "Crafting art in every single cup.", tags: ["Skill", "Art"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-business-man-working_23-2148366589.jpg"
|
||||
}
|
||||
]}
|
||||
title="Why Coffee Vue Point?"
|
||||
description="We obsess over the details so you can enjoy the perfect brew."
|
||||
@@ -165,43 +107,20 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Morning Roast",
|
||||
price: "$18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-bags-with-coffee-beans-around_1232-1359.jpg",
|
||||
},
|
||||
id: "p1", name: "Morning Roast", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/coffee-bags-with-coffee-beans-around_1232-1359.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Midnight Blend",
|
||||
price: "$22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-bowl-with-coffee-beans_23-2148937293.jpg",
|
||||
},
|
||||
id: "p2", name: "Midnight Blend", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/top-view-bowl-with-coffee-beans_23-2148937293.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Ethiopian Heirloom",
|
||||
price: "$24",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-barista-leveling-coffee-level-machine-cup_23-2148523052.jpg",
|
||||
},
|
||||
id: "p3", name: "Ethiopian Heirloom", price: "$24", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-barista-leveling-coffee-level-machine-cup_23-2148523052.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Cold Brew Kit",
|
||||
price: "$20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-floral-tea-packaging-wooden-shelf_23-2151965883.jpg",
|
||||
},
|
||||
id: "p4", name: "Cold Brew Kit", price: "$20", imageSrc: "http://img.b2bpic.net/free-photo/colorful-floral-tea-packaging-wooden-shelf_23-2151965883.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Single Origin Peru",
|
||||
price: "$21",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dried-rosehips-teabags-blue-plate_114579-82006.jpg",
|
||||
},
|
||||
id: "p5", name: "Single Origin Peru", price: "$21", imageSrc: "http://img.b2bpic.net/free-photo/dried-rosehips-teabags-blue-plate_114579-82006.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Holiday Special",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-coffee-beans_53876-41429.jpg",
|
||||
},
|
||||
id: "p6", name: "Holiday Special", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/assortment-coffee-beans_53876-41429.jpg"},
|
||||
]}
|
||||
title="Our Signature Blends"
|
||||
description="Choose your favorites from our collection."
|
||||
@@ -215,46 +134,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice",
|
||||
role: "Fan",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-caucasian-man-drinking-cup-coffee-smiling-happy-pointing-with-hand-finger_839833-34020.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Bob",
|
||||
role: "Regular",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-tea-while-man-taking-order_23-2147775866.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Charlie",
|
||||
role: "Visitor",
|
||||
company: "Tourist",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-posing-apron-with-coffee-pot_23-2148366687.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Dana",
|
||||
role: "Expert",
|
||||
company: "Reviewer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-drinking-coffee_23-2148006750.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Evan",
|
||||
role: "Customer",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-drinking-coffee-office_1303-27561.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Alice", role: "Fan", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/middle-age-caucasian-man-drinking-cup-coffee-smiling-happy-pointing-with-hand-finger_839833-34020.jpg" },
|
||||
{ id: "t2", name: "Bob", role: "Regular", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-tea-while-man-taking-order_23-2147775866.jpg" },
|
||||
{ id: "t3", name: "Charlie", role: "Visitor", company: "Tourist", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-posing-apron-with-coffee-pot_23-2148366687.jpg" },
|
||||
{ id: "t4", name: "Dana", role: "Expert", company: "Reviewer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/women-drinking-coffee_23-2148006750.jpg" },
|
||||
{ id: "t5", name: "Evan", role: "Customer", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-drinking-coffee-office_1303-27561.jpg" }
|
||||
]}
|
||||
title="What People Say"
|
||||
description="Hear from our happy coffee lovers across the country."
|
||||
@@ -266,31 +150,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer shipping?",
|
||||
content: "Yes, we ship nationwide via secure courier services.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is the coffee organic?",
|
||||
content: "We prioritize organic practices and partner with certified farms.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I visit the shop?",
|
||||
content: "Our flagship cafe is open daily to serve you fresh brews.",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Do you provide roasting classes?",
|
||||
content: "Yes, we host monthly workshops for aspiring enthusiasts.",
|
||||
},
|
||||
{
|
||||
id: "q5",
|
||||
title: "Are your beans Fair Trade?",
|
||||
content: "We are proud to support ethical, Fair Trade partnerships globally.",
|
||||
},
|
||||
{ id: "q1", title: "Do you offer shipping?", content: "Yes, we ship nationwide via secure courier services." },
|
||||
{ id: "q2", title: "Is the coffee organic?", content: "We prioritize organic practices and partner with certified farms." },
|
||||
{ id: "q3", title: "Can I visit the shop?", content: "Our flagship cafe is open daily to serve you fresh brews." },
|
||||
{ id: "q4", title: "Do you provide roasting classes?", content: "Yes, we host monthly workshops for aspiring enthusiasts." },
|
||||
{ id: "q5", title: "Are your beans Fair Trade?", content: "We are proud to support ethical, Fair Trade partnerships globally." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -302,8 +166,7 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Visit us at Coffee Vue Point or reach out via email."
|
||||
/>
|
||||
</div>
|
||||
@@ -313,29 +176,15 @@ export default function LandingPage() {
|
||||
logoText="Coffee Vue Point"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Careers", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Shipping Policy",
|
||||
href: "#",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Shipping Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user