Merge version_1 into main #2
218
src/app/page.tsx
218
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Coffee, Leaf, Zap, BookOpen } from "lucide-react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -30,22 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Highlights", id: "highlights" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Platō Coffee"
|
||||
/>
|
||||
@@ -55,29 +45,14 @@ export default function LandingPage() {
|
||||
<HeroOverlay
|
||||
title="Discover the ultimate coffee experience"
|
||||
description="Our premium blends are expertly crafted to deliver exceptional flavour and quality. Coffee sculpted. Community included."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-coffee_23-2148865576.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-coffee_23-2148865576.jpg"
|
||||
imageAlt="Platō Coffee Shop Interior"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-delicious-coffee-cup_23-2148865585.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-hands-preparing-coffee-with-milk_23-2148865586.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/barista-pouring-milk-into-coffee-coffee-shop_1303-19413.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458092.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/friends-hanging-out-while-enjoying-cup-coffee_23-2148914548.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-delicious-coffee-cup_23-2148865585.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-hands-preparing-coffee-with-milk_23-2148865586.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/barista-pouring-milk-into-coffee-coffee-shop_1303-19413.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458092.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/friends-hanging-out-while-enjoying-cup-coffee_23-2148914548.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
avatarText="Join 5,000+ local coffee lovers"
|
||||
/>
|
||||
@@ -90,20 +65,11 @@ export default function LandingPage() {
|
||||
title="Coffee sculpted. Community included."
|
||||
description="Whether you prefer bold and rich or smooth and creamy, we have something to satisfy every palate. Enjoy our cozy atmosphere and friendly staff, creating the perfect environment to relax and savour your favourite brew."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Premium Blends",
|
||||
description: "Expertly crafted premium coffee.",
|
||||
},
|
||||
{
|
||||
title: "Cozy Atmosphere",
|
||||
description: "A perfect environment to relax.",
|
||||
},
|
||||
{
|
||||
title: "Friendly Staff",
|
||||
description: "Welcoming community service.",
|
||||
},
|
||||
{ title: "Premium Blends", description: "Expertly crafted premium coffee." },
|
||||
{ title: "Cozy Atmosphere", description: "A perfect environment to relax." },
|
||||
{ title: "Friendly Staff", description: "Welcoming community service." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cropped-shot-female-barista-hands-holding-cup-coffee-giving-you-drink-serving-cafe-wearing-uni_1258-138296.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cropped-shot-female-barista-hands-holding-cup-coffee-giving-you-drink-serving-cafe-wearing-uni_1258-138296.jpg"
|
||||
imageAlt="Artisan coffee preparation"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -114,34 +80,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Outdoor Seating",
|
||||
description: "Enjoy your brew in the fresh air.",
|
||||
buttonIcon: "Coffee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-showing-woman-cup-with-coffee-machine_23-2148366634.jpg",
|
||||
imageAlt: "Man showing woman a cup with coffee machine",
|
||||
},
|
||||
{
|
||||
title: "Great Tea Selection",
|
||||
description: "A curated variety for tea enthusiasts.",
|
||||
buttonIcon: "Leaf",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-coffee_23-2148865576.jpg?_wi=2",
|
||||
imageAlt: "Man showing woman a cup with coffee machine",
|
||||
},
|
||||
{
|
||||
title: "Trendy Atmosphere",
|
||||
description: "Experience the latest cafe trends.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-female-barista-hands-holding-cup-coffee-giving-you-drink-serving-cafe-wearing-uni_1258-138296.jpg?_wi=2",
|
||||
imageAlt: "Man showing woman a cup with coffee machine",
|
||||
},
|
||||
{
|
||||
title: "Student Friendly",
|
||||
description: "The perfect spot for university students.",
|
||||
buttonIcon: "BookOpen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-coffee-beans-cup-cutting-board_23-2148759290.jpg?_wi=1",
|
||||
imageAlt: "Man showing woman a cup with coffee machine",
|
||||
},
|
||||
{ title: "Outdoor Seating", description: "Enjoy your brew in the fresh air.", buttonIcon: Coffee, imageSrc: "http://img.b2bpic.net/free-photo/man-showing-woman-cup-with-coffee-machine_23-2148366634.jpg", imageAlt: "Outdoor seating" },
|
||||
{ title: "Great Tea Selection", description: "A curated variety for tea enthusiasts.", buttonIcon: Leaf, imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-coffee_23-2148865576.jpg", imageAlt: "Tea selection" },
|
||||
{ title: "Trendy Atmosphere", description: "Experience the latest cafe trends.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-female-barista-hands-holding-cup-coffee-giving-you-drink-serving-cafe-wearing-uni_1258-138296.jpg", imageAlt: "Trendy atmosphere" },
|
||||
{ title: "Student Friendly", description: "The perfect spot for university students.", buttonIcon: BookOpen, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-coffee-beans-cup-cutting-board_23-2148759290.jpg", imageAlt: "Study spot" },
|
||||
]}
|
||||
title="Why Visit Platō Coffee"
|
||||
description="Experience our unique highlights that make us a local favourite."
|
||||
@@ -155,42 +97,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Premium Signature Blend",
|
||||
price: "R 45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-coffee-beans-cup-cutting-board_23-2148759290.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Cold Brew Artisan",
|
||||
price: "R 55",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-ai-generated_23-2150691757.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Latte with Art",
|
||||
price: "R 40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-cappuccino-with-beautiful-painting-foam_181624-8920.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Fresh Croissant",
|
||||
price: "R 35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-dessert-coffee_23-2149234898.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mocha Bliss",
|
||||
price: "R 48",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-from-afar-sweets-cake-appetizing-cookies-cake-with-strawberry-chocolate-bowls-hizelnuts-chocolate-strawberry-cream-notebook-red-pencil-table_140725-118731.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Classic Americano",
|
||||
price: "R 30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-viewed-from_1232-978.jpg",
|
||||
},
|
||||
{ id: "1", name: "Premium Signature Blend", price: "R 45", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-coffee-beans-cup-cutting-board_23-2148759290.jpg" },
|
||||
{ id: "2", name: "Cold Brew Artisan", price: "R 55", imageSrc: "http://img.b2bpic.net/free-photo/coffee-ai-generated_23-2150691757.jpg" },
|
||||
{ id: "3", name: "Latte with Art", price: "R 40", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cappuccino-with-beautiful-painting-foam_181624-8920.jpg" },
|
||||
{ id: "4", name: "Fresh Croissant", price: "R 35", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-dessert-coffee_23-2149234898.jpg" },
|
||||
{ id: "5", name: "Mocha Bliss", price: "R 48", imageSrc: "http://img.b2bpic.net/free-photo/top-view-from-afar-sweets-cake-appetizing-cookies-cake-with-strawberry-chocolate-bowls-hizelnuts-chocolate-strawberry-cream-notebook-red-pencil-table_140725-118731.jpg" },
|
||||
{ id: "6", name: "Classic Americano", price: "R 30", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-viewed-from_1232-978.jpg" },
|
||||
]}
|
||||
title="Featured Menu"
|
||||
description="Discover our signature coffee blends and artisan pastries."
|
||||
@@ -204,26 +116,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah Jenkins"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-student-girl-learning-online-outdoor-with-coffee-go_496169-2756.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-taking-coffee_329181-11917.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-cheering-with-their-cups-tea_23-2148693090.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-drinking-coffee-spacious-cafeteria_23-2150424006.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/image-smiling-woman-talking-phone-cafe_197531-33569.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-student-girl-learning-online-outdoor-with-coffee-go_496169-2756.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-taking-coffee_329181-11917.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/people-cheering-with-their-cups-tea_23-2148693090.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/people-drinking-coffee-spacious-cafeteria_23-2150424006.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/image-smiling-woman-talking-phone-cafe_197531-33569.jpg", alt: "Customer" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -234,21 +131,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What are your operating hours?",
|
||||
content: "We are open Monday to Saturday from 6am to 6pm, and Sundays from 7am.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer wholesale?",
|
||||
content: "Yes, we have wholesale applications available. Please contact us for more info.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Where can I find your branches?",
|
||||
content: "We have various locations; check our website store locator for the nearest one.",
|
||||
},
|
||||
{ id: "1", title: "What are your operating hours?", content: "We are open Monday to Saturday from 6am to 6pm, and Sundays from 7am." },
|
||||
{ id: "2", title: "Do you offer wholesale?", content: "Yes, we have wholesale applications available. Please contact us for more info." },
|
||||
{ id: "3", title: "Where can I find your branches?", content: "We have various locations; check our website store locator for the nearest one." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -258,9 +143,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Visit Us"
|
||||
title="Get In Touch"
|
||||
description="Have questions? Email hello@plato.coffee or visit us in Tzaneen."
|
||||
@@ -272,33 +155,16 @@ export default function LandingPage() {
|
||||
logoText="Platō Coffee"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Menu", href: "#products" },
|
||||
{ label: "Careers", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Use", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user