Merge version_2 into main #1
252
src/app/page.tsx
252
src/app/page.tsx
@@ -5,13 +5,12 @@ import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Facebook, Instagram, Twitter } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,34 +31,20 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
name: "Menu", id: "#menu"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Reviews", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Order Now",
|
||||
href: "#menu",
|
||||
}}
|
||||
text: "Order Now", href: "#menu"}}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/latte-art-coffee-cup-spoon_9975-135795.jpg"
|
||||
brandName="Josua Coffee"
|
||||
/>
|
||||
@@ -68,19 +53,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
logoText="Josua Coffee"
|
||||
description="Experience Vienna's finest coffee creations in a vibrant, artistic, and 3D immersive setting."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "Explore Menu", href: "#menu"},
|
||||
{
|
||||
text: "Find Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Find Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/yellow-background-with-coffee-beans_23-2148267806.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -94,17 +74,11 @@ export default function LandingPage() {
|
||||
description="Josua Coffee is more than just a cafe; it's a creative hub dedicated to exceptional coffee experiences. We blend traditional Viennese charm with innovative brewing techniques, serving every cup with passion and precision."
|
||||
metrics={[
|
||||
{
|
||||
value: "5+",
|
||||
title: "Years Serving",
|
||||
},
|
||||
value: "5+", title: "Years Serving"},
|
||||
{
|
||||
value: "15+",
|
||||
title: "Unique Blends",
|
||||
},
|
||||
value: "15+", title: "Unique Blends"},
|
||||
{
|
||||
value: "99%",
|
||||
title: "Happy Customers",
|
||||
},
|
||||
value: "99%", title: "Happy Customers"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/girl-attracted-guy-talking-smiling-looking-him-amused-admiration-laughing-funny-stories-cute-european-woman-wear-glasses-enjoy-coffee-friendly-conversation-sit-table-friend-near-laptop_197531-30327.jpg"
|
||||
imageAlt="Cozy Josua Coffee interior"
|
||||
@@ -120,35 +94,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Artisan Roasts",
|
||||
tags: [
|
||||
"Quality",
|
||||
"Flavor",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-coffee-beans-frame-wooden-surface-great-background-writing-text_181624-4441.jpg",
|
||||
imageAlt: "Artisan coffee roasting",
|
||||
},
|
||||
id: "f1", title: "Artisan Roasts", tags: [
|
||||
"Quality", "Flavor"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-coffee-beans-frame-wooden-surface-great-background-writing-text_181624-4441.jpg", imageAlt: "Artisan coffee roasting"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Cozy Ambiance",
|
||||
tags: [
|
||||
"Relax",
|
||||
"Connect",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pillow-sofa_74190-3590.jpg",
|
||||
imageAlt: "Cozy cafe interior",
|
||||
},
|
||||
id: "f2", title: "Cozy Ambiance", tags: [
|
||||
"Relax", "Connect"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pillow-sofa_74190-3590.jpg", imageAlt: "Cozy cafe interior"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Signature Specials",
|
||||
tags: [
|
||||
"Unique",
|
||||
"Creative",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-making-coffee_23-2150354577.jpg",
|
||||
imageAlt: "Barista making latte art",
|
||||
},
|
||||
id: "f3", title: "Signature Specials", tags: [
|
||||
"Unique", "Creative"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-making-coffee_23-2150354577.jpg", imageAlt: "Barista making latte art"},
|
||||
]}
|
||||
title="Why Josua Coffee?"
|
||||
description="Discover what makes our cafe a beloved spot in Vienna, from our unique ambiance to our expertly crafted beverages and friendly service that keeps you coming back for more."
|
||||
@@ -163,53 +119,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Espresso",
|
||||
price: "€3.30",
|
||||
variant: "Coffee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-pillow-formed-biscuits-bright-desk-coffee-cookie-biscuit-sweet-dough_140725-32048.jpg",
|
||||
imageAlt: "Espresso",
|
||||
},
|
||||
id: "p1", name: "Espresso", price: "€3.30", variant: "Coffee", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-pillow-formed-biscuits-bright-desk-coffee-cookie-biscuit-sweet-dough_140725-32048.jpg", imageAlt: "Espresso"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Double Espresso",
|
||||
price: "€4.30",
|
||||
variant: "Coffee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-still-life-hot-water-composition_23-2149055851.jpg",
|
||||
imageAlt: "Double Espresso",
|
||||
},
|
||||
id: "p2", name: "Double Espresso", price: "€4.30", variant: "Coffee", imageSrc: "http://img.b2bpic.net/free-photo/front-view-still-life-hot-water-composition_23-2149055851.jpg", imageAlt: "Double Espresso"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Cappuccino",
|
||||
price: "€4.50",
|
||||
variant: "Coffee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-cappuccino-with-beautiful-painting-foam_181624-8920.jpg",
|
||||
imageAlt: "Cappuccino",
|
||||
},
|
||||
id: "p3", name: "Cappuccino", price: "€4.50", variant: "Coffee", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cappuccino-with-beautiful-painting-foam_181624-8920.jpg", imageAlt: "Cappuccino"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Flat White",
|
||||
price: "€5.40",
|
||||
variant: "Coffee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-cappuccino-coffee-transparent-glass_23-2147908380.jpg",
|
||||
imageAlt: "Flat White",
|
||||
},
|
||||
id: "p4", name: "Flat White", price: "€5.40", variant: "Coffee", imageSrc: "http://img.b2bpic.net/free-photo/two-cappuccino-coffee-transparent-glass_23-2147908380.jpg", imageAlt: "Flat White"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Matcha Latte",
|
||||
price: "€6.50",
|
||||
variant: "Specials",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-matcha-green-tea-latte-cup_74190-7645.jpg",
|
||||
imageAlt: "Matcha Latte",
|
||||
},
|
||||
id: "p5", name: "Matcha Latte", price: "€6.50", variant: "Specials", imageSrc: "http://img.b2bpic.net/free-photo/hot-matcha-green-tea-latte-cup_74190-7645.jpg", imageAlt: "Matcha Latte"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Espresso Tonic",
|
||||
price: "€5.50",
|
||||
variant: "Specials",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caramel-milkshake-with-whipped-cream-toffee_1150-18516.jpg",
|
||||
imageAlt: "Espresso Tonic",
|
||||
},
|
||||
id: "p6", name: "Espresso Tonic", price: "€5.50", variant: "Specials", imageSrc: "http://img.b2bpic.net/free-photo/caramel-milkshake-with-whipped-cream-toffee_1150-18516.jpg", imageAlt: "Espresso Tonic"},
|
||||
]}
|
||||
title="Our Delicious Menu"
|
||||
description="From classic espresso to unique seasonal specials, each beverage is crafted with the highest quality beans and passion. Explore our delightful offerings."
|
||||
@@ -223,53 +143,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Anna S.",
|
||||
handle: "@anna_loves_coffee",
|
||||
testimonial: "Josua Coffee is my absolute favorite spot in Vienna! The Matcha Latte is simply divine, and the cozy atmosphere makes it perfect for working or catching up with friends.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-carefree-africanamerican-girl-white-tshirt-showing-tongue-smiling-winking-happy-stan_1258-128116.jpg",
|
||||
},
|
||||
id: "t1", name: "Anna S.", handle: "@anna_loves_coffee", testimonial: "Josua Coffee is my absolute favorite spot in Vienna! The Matcha Latte is simply divine, and the cozy atmosphere makes it perfect for working or catching up with friends.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-carefree-africanamerican-girl-white-tshirt-showing-tongue-smiling-winking-happy-stan_1258-128116.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Max P.",
|
||||
handle: "@max_eats_vienna",
|
||||
testimonial: "The best espresso tonic I've had! Such a unique and refreshing twist. The staff are always super friendly and knowledgeable. A must-visit cafe!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-handsome-male-customer-show-thumb-up-approval_176420-17945.jpg",
|
||||
},
|
||||
id: "t2", name: "Max P.", handle: "@max_eats_vienna", testimonial: "The best espresso tonic I've had! Such a unique and refreshing twist. The staff are always super friendly and knowledgeable. A must-visit cafe!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-handsome-male-customer-show-thumb-up-approval_176420-17945.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Lena K.",
|
||||
handle: "@lenas_adventures",
|
||||
testimonial: "I love the creative vibe at Josua Coffee. It's truly a special place with amazing coffee and a really inspiring environment. Always a pleasure!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-blonde-woman-pointing-her-smile-checked-shirt-looking-cheerful-front-view_176474-112653.jpg",
|
||||
},
|
||||
id: "t3", name: "Lena K.", handle: "@lenas_adventures", testimonial: "I love the creative vibe at Josua Coffee. It's truly a special place with amazing coffee and a really inspiring environment. Always a pleasure!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-blonde-woman-pointing-her-smile-checked-shirt-looking-cheerful-front-view_176474-112653.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Stefan R.",
|
||||
handle: "@stefan_reviews",
|
||||
testimonial: "Consistently excellent coffee and a fantastic menu. The attention to detail in every cup is evident. Highly recommend the Flat White!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-hippie-man-happy-expression_1194-3937.jpg",
|
||||
},
|
||||
id: "t4", name: "Stefan R.", handle: "@stefan_reviews", testimonial: "Consistently excellent coffee and a fantastic menu. The attention to detail in every cup is evident. Highly recommend the Flat White!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-hippie-man-happy-expression_1194-3937.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Julia M.",
|
||||
handle: "@julia_cafe_hunter",
|
||||
testimonial: "A true gem! The ambiance is so welcoming, and their coffee specials are always a delightful surprise. Josua Coffee never disappoints.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-red-haired-woman-smiling-park-happy-middle-aged-lady-with-brown-hat-walking-nature_549566-639.jpg",
|
||||
},
|
||||
id: "t5", name: "Julia M.", handle: "@julia_cafe_hunter", testimonial: "A true gem! The ambiance is so welcoming, and their coffee specials are always a delightful surprise. Josua Coffee never disappoints.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-red-haired-woman-smiling-park-happy-middle-aged-lady-with-brown-hat-walking-nature_549566-639.jpg"},
|
||||
{
|
||||
id: "t6",
|
||||
name: "Lukas T.",
|
||||
handle: "@lukas_vienna",
|
||||
testimonial: "Came for the coffee, stayed for the atmosphere. This place has a great energy and the quality of the drinks is top-notch. My new go-to cafe!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3561.jpg",
|
||||
},
|
||||
id: "t6", name: "Lukas T.", handle: "@lukas_vienna", testimonial: "Came for the coffee, stayed for the atmosphere. This place has a great energy and the quality of the drinks is top-notch. My new go-to cafe!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3561.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Guests Say"
|
||||
@@ -283,25 +173,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What are your opening hours?",
|
||||
content: "We are open from 8 AM to 7 PM, Wednesday through Sunday. We are closed on Mondays and Tuesdays.",
|
||||
},
|
||||
id: "q1", title: "What are your opening hours?", content: "We are open from 8 AM to 7 PM, Wednesday through Sunday. We are closed on Mondays and Tuesdays."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer vegan milk alternatives?",
|
||||
content: "Yes, we offer a variety of vegan milk alternatives including oat, almond, and soy milk for all our coffee and special beverages.",
|
||||
},
|
||||
id: "q2", title: "Do you offer vegan milk alternatives?", content: "Yes, we offer a variety of vegan milk alternatives including oat, almond, and soy milk for all our coffee and special beverages."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I make a reservation?",
|
||||
content: "We operate on a first-come, first-served basis and do not take reservations to keep our space open and accessible for everyone.",
|
||||
},
|
||||
id: "q3", title: "Can I make a reservation?", content: "We operate on a first-come, first-served basis and do not take reservations to keep our space open and accessible for everyone."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Do you have Wi-Fi?",
|
||||
content: "Yes, we offer free high-speed Wi-Fi for our customers. Feel free to connect and enjoy your time with us.",
|
||||
},
|
||||
id: "q4", title: "Do you have Wi-Fi?", content: "Yes, we offer free high-speed Wi-Fi for our customers. Feel free to connect and enjoy your time with us."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Got questions about our cafe, menu, or services? Find quick answers here to make your visit as smooth as possible."
|
||||
@@ -316,22 +194,14 @@ export default function LandingPage() {
|
||||
description="We'd love to hear from you! Whether you have a question, a catering inquiry, or just want to say hello, fill out the form or find us easily on the map."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your Message",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Your Message", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hands-filling-filter-with-coffee-powder_23-2147834509.jpg"
|
||||
@@ -343,26 +213,12 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Josua Coffee"
|
||||
copyrightText="© 2024 Josua Coffee. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
]}
|
||||
<FooterLogoReveal
|
||||
logoText="Josua Kaffee"
|
||||
leftLink={{
|
||||
text: "Datenschutz", href: "/"}}
|
||||
rightLink={{
|
||||
text: "Impressum", href: "/"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user