Switch to version 1: modified src/app/gallery/page.tsx
This commit is contained in:
@@ -2,11 +2,12 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
|
||||
export default function GalleryPage() {
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
@@ -21,69 +22,174 @@ export default function GalleryPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Location", id: "/location" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Brew Haven"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "/menu",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "/gallery",
|
||||
},
|
||||
{
|
||||
name: "Location",
|
||||
id: "/location",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Brew Haven"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery-content" data-section="gallery-content">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
title="Our Brew Haven Moments"
|
||||
description="A visual journey through our cozy cafe, delicious offerings, and happy customers."
|
||||
products={[
|
||||
{ id: "gallery-1", name: "Morning Brew", price: "", imageSrc: "http://img.b2bpic.net/free-photo/hot-coffee-cup-with-warm-morning-light-window_1150-6544.jpg?_wi=1", imageAlt: "Warm morning coffee" },
|
||||
{ id: "gallery-2", name: "Latte Art", price: "", imageSrc: "http://img.b2bpic.net/free-photo/barista-is-preparing-coffee-with-milk_140725-8113.jpg?_wi=1", imageAlt: "Barista creating latte art" },
|
||||
{ id: "gallery-3", name: "Pastry Display", price: "", imageSrc: "http://img.b2bpic.net/free-photo/variety-baked-goods-sweet-indulgence-generated-by-ai_188544-23071.jpg?_wi=1", imageAlt: "Assorted pastries" },
|
||||
{ id: "gallery-4", name: "Cozy Corner", price: "", imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3441.jpg?_wi=1", imageAlt: "Interior cozy corner" },
|
||||
{ id: "gallery-5", name: "Happy Customer", price: "", imageSrc: "http://img.b2bpic.net/free-photo/pretty-teenager-talking-phone_23-2148804651.jpg?_wi=1", imageAlt: "Customer enjoying coffee" },
|
||||
{ id: "gallery-6", name: "Coffee Beans", price: "", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-roasted-close-up-background-dark-texture_1150-5975.jpg", imageAlt: "Roasted coffee beans" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery-images" data-section="gallery-images">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "gal-1",
|
||||
name: "Modern Interior",
|
||||
price: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-couple-spend-time-restaurant_1157-20505.jpg",
|
||||
imageAlt: "Modern coffee shop interior",
|
||||
},
|
||||
{
|
||||
id: "gal-2",
|
||||
name: "Barista at Work",
|
||||
price: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-preparing-coffee_1232-866.jpg",
|
||||
imageAlt: "Barista making coffee",
|
||||
},
|
||||
{
|
||||
id: "gal-3",
|
||||
name: "Outdoor Seating",
|
||||
price: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/parasol-chairs_1137-314.jpg",
|
||||
imageAlt: "Outdoor seating area of the cafe",
|
||||
},
|
||||
{
|
||||
id: "gal-4",
|
||||
name: "Pastry Display",
|
||||
price: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/patient-enjoying-free-time-after-chemotherapy-treatment_23-2149261143.jpg",
|
||||
imageAlt: "Display of fresh pastries",
|
||||
},
|
||||
{
|
||||
id: "gal-5",
|
||||
name: "Latte Art",
|
||||
price: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barista-preparing-coffee_23-2148824432.jpg",
|
||||
imageAlt: "Close-up of latte art",
|
||||
},
|
||||
{
|
||||
id: "gal-6",
|
||||
name: "Cozy Reading Nook",
|
||||
price: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-bed_23-2148079538.jpg",
|
||||
imageAlt: "Person reading in a cozy coffee shop corner",
|
||||
},
|
||||
]}
|
||||
title="A Glimpse of Our World"
|
||||
description="Immerse yourself in the warm and inviting atmosphere of our coffee shop through these captivating visuals of our space and creations."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Menu", href: "/menu" },
|
||||
{ label: "Gallery", href: "/gallery" },
|
||||
{ label: "Location", href: "/location" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Our Story", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Mission", href: "/about#mission" },
|
||||
{ label: "Testimonials", href: "/#testimonials-section" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
{ label: "FAQ", href: "/contact#faqs-section" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Brew Haven. All rights reserved."
|
||||
bottomRightText="Crafted with passion by Webuild."
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Local Roasters Co.",
|
||||
"Sweet Treats Bakery",
|
||||
"Community Harvest Farms",
|
||||
"Artisan Beverage Distributors",
|
||||
"Fresh Daily Produce",
|
||||
"Event Solutions Group",
|
||||
"Hospitality Hub Supplies",
|
||||
]}
|
||||
title="Our Valued Partners"
|
||||
description="We are proud to collaborate with local roasters, bakeries, and community businesses to bring you the highest quality products and experiences."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "/gallery",
|
||||
},
|
||||
{
|
||||
label: "Location",
|
||||
href: "/location",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Our Story",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Our Mission",
|
||||
href: "/about#mission",
|
||||
},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "/#testimonials-section",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/contact#faqs-section",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Brew Haven. All rights reserved."
|
||||
bottomRightText="Crafted with passion by Webuild."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user