Switch to version 4: modified src/app/page.tsx
This commit is contained in:
@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
@@ -29,27 +29,28 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "product" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Testimonials", id: "testimonial" }
|
||||
]}
|
||||
button={{ text: "Explore", href: "#hero" }}
|
||||
button={{ text: "Order Online", href: "product" }}
|
||||
brandName="GoFo"
|
||||
className="py-4 px-6 md:py-6 md:px-8 lg:px-12"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
title="Your Daily Escape: Discover GoFo"
|
||||
title="GoFo: Your Daily Escape"
|
||||
description="Experience the rich aroma of freshly brewed coffee, delightful pastries, and a cozy atmosphere perfect for relaxation or connection."
|
||||
background={{ variant: "plain" }}
|
||||
tag="Welcome to GoFo"
|
||||
buttons={[
|
||||
{ text: "Explore Our Offerings", href: "#feature" },
|
||||
{ text: "Explore Our Menu", href: "product" },
|
||||
{ text: "Find Us", href: "#contact" }
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-hands-preparing-coffee-customer-coffee-shop_93675-135317.jpg", imageAlt: "Barista preparing coffee at GoFo Coffeeshop"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-hands-preparing-coffee-customer-coffee-shop_93675-135317.jpg", imageAlt: "Barista preparing coffee at GoFo"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-coffee-with-milk-cream_23-2148865608.jpg", imageAlt: "Close-up of latte art"}
|
||||
]}
|
||||
@@ -60,7 +61,7 @@ export default function LandingPage() {
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
title="Our Passion for Perfect Coffee"
|
||||
title="Our Passion for Perfect Coffee at GoFo"
|
||||
description="At GoFo, we believe every cup tells a story. We meticulously source the finest beans, roast them to perfection, and craft each drink with care. More than just a coffee shop, GoFo is a community hub where moments are shared and memories are made."
|
||||
tag="About GoFo"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-business-owner-standing-outdoors_23-2149434497.jpg"
|
||||
@@ -69,12 +70,32 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardOne
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Espresso Forte", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/steaming-espresso-cup-grey-background-closeup_1220-6682.jpg", imageAlt: "Espresso Forte"},
|
||||
{
|
||||
id: "2", name: "Velvet Latte", price: "$5.25", imageSrc: "http://img.b2bpic.net/free-photo/coffee-with-latte-art-decoration_1150-6325.jpg", imageAlt: "Velvet Latte"},
|
||||
{
|
||||
id: "3", name: "Buttery Croissant", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-teapot-cookies-coffee-croissant-fig-lemon-table_23-2147956822.jpg", imageAlt: "Buttery Croissant"},
|
||||
{
|
||||
id: "4", name: "GoFo's Signature Sandwich", price: "$9.50", imageSrc: "http://img.b2bpic.net/free-photo/fast-food-with-french-fries-croque_1220-7956.jpg", imageAlt: "GoFo's Signature Sandwich"}
|
||||
]}
|
||||
title="Our Delicious Offerings"
|
||||
description="Indulge in our exquisite selection of handcrafted coffees and freshly baked treats."
|
||||
tag="Our Menu"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentyOne
|
||||
title="Why Choose GoFo?"
|
||||
description="We're dedicated to bringing you an unparalleled coffee experience, from our ethically sourced beans to our warm, welcoming staff."
|
||||
tag="Our Difference"
|
||||
tag="Our GoFo Difference"
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1", title: "Premium, Ethically Sourced Beans", content:
|
||||
@@ -137,7 +158,7 @@ export default function LandingPage() {
|
||||
"Cozy atmosphere & friendly staff", "Perfect for work, study, or relaxation"]
|
||||
}
|
||||
]}
|
||||
title="Our Coffee & Community in Numbers"
|
||||
title="GoFo's Coffee & Community in Numbers"
|
||||
description="Experience the GoFo difference, quantified by quality and customer happiness."
|
||||
textboxLayout="default"
|
||||
animationType="blur-reveal"
|
||||
@@ -152,13 +173,14 @@ export default function LandingPage() {
|
||||
{
|
||||
title: "Explore", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Menu", href: "#product" },
|
||||
{ label: "About Us", href: "#about" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Instagram", href: "https://instagram.com/gofocoffeeshop" },
|
||||
{ label: "Facebook", href: "https://facebook.com/gofocoffeeshop" }
|
||||
{ label: "Instagram", href: "https://instagram.com/gofo" },
|
||||
{ label: "Facebook", href: "https://facebook.com/gofo" }
|
||||
]
|
||||
},
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user