Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 875716b375 | |||
| e426b0179e |
@@ -4,6 +4,7 @@ import { Inter } from "next/font/google";
|
|||||||
import "./globals.css";
|
import "./globals.css";
|
||||||
import "@/lib/gsap-setup";
|
import "@/lib/gsap-setup";
|
||||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||||
|
import Tag from "@/tag/Tag";
|
||||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||||
import { Open_Sans } from "next/font/google";
|
import { Open_Sans } from "next/font/google";
|
||||||
|
|
||||||
@@ -30,7 +31,7 @@ export default function RootLayout({
|
|||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en" suppressHydrationWarning>
|
||||||
<ServiceWrapper>
|
<ServiceWrapper>
|
||||||
<body className={`${openSans.variable} antialiased`}>
|
<body className={`${openSans.variable} antialiased`}>
|
||||||
|
<Tag />
|
||||||
{children}
|
{children}
|
||||||
<script
|
<script
|
||||||
dangerouslySetInnerHTML={{
|
dangerouslySetInnerHTML={{
|
||||||
|
|||||||
154
src/app/page.tsx
154
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
|||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Features",
|
name: "Features", id: "features"},
|
||||||
id: "features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Menu",
|
name: "Menu", id: "menu"},
|
||||||
id: "menu",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Beluna Cafe"
|
brandName="Beluna Cafe"
|
||||||
/>
|
/>
|
||||||
@@ -52,37 +44,24 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardGallery
|
<HeroBillboardGallery
|
||||||
background={{
|
background={{
|
||||||
variant: "radial-gradient",
|
variant: "radial-gradient"}}
|
||||||
}}
|
|
||||||
title="Beluna Cafe"
|
title="Beluna Cafe"
|
||||||
description="A cozy San Francisco escape for coffee, creativity, and connection."
|
description="A cozy San Francisco escape for coffee, creativity, and connection."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "View Menu",
|
text: "View Menu", href: "#menu"},
|
||||||
href: "#menu",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
mediaItems={[
|
mediaItems={[
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/loving-couple-sitting-cafe-talking-while-make-selfie_171337-19675.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/loving-couple-sitting-cafe-talking-while-make-selfie_171337-19675.jpg", imageAlt: "Cafe interior view"},
|
||||||
imageAlt: "Cafe interior view",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/female-manager-standing-her-restaurant-using-computer_23-2147936244.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/female-manager-standing-her-restaurant-using-computer_23-2147936244.jpg", imageAlt: "Workspace atmosphere"},
|
||||||
imageAlt: "Workspace atmosphere",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-preparing-drink-with-milk_23-2148865605.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-preparing-drink-with-milk_23-2148865605.jpg", imageAlt: "Signature latte"},
|
||||||
imageAlt: "Signature latte",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/cafe-living-room-loft-style_1150-10726.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/cafe-living-room-loft-style_1150-10726.jpg", imageAlt: "Cozy cafe seating"},
|
||||||
imageAlt: "Cozy cafe seating",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/street-market-night_23-2151604349.jpg?_wi=1",
|
imageSrc: "http://img.b2bpic.net/free-photo/street-market-night_23-2151604349.jpg?_wi=1", imageAlt: "Cafe facade"},
|
||||||
imageAlt: "Cafe facade",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
mediaAnimation="blur-reveal"
|
mediaAnimation="blur-reveal"
|
||||||
/>
|
/>
|
||||||
@@ -95,26 +74,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "f1",
|
id: "f1", title: "Work-Friendly", subtitle: "High-speed Wi-Fi, outlets at every seat, and quiet zones.", category: "Amenities", value: "Ideal"},
|
||||||
title: "Work-Friendly",
|
|
||||||
subtitle: "High-speed Wi-Fi, outlets at every seat, and quiet zones.",
|
|
||||||
category: "Amenities",
|
|
||||||
value: "Ideal",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f2",
|
id: "f2", title: "Signature Drinks", subtitle: "Crafted with locally roasted beans and authentic spices.", category: "Menu", value: "Awarded"},
|
||||||
title: "Signature Drinks",
|
|
||||||
subtitle: "Crafted with locally roasted beans and authentic spices.",
|
|
||||||
category: "Menu",
|
|
||||||
value: "Awarded",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f3",
|
id: "f3", title: "Cozy Atmosphere", subtitle: "Two floors of warm, inviting space for focus or friends.", category: "Vibe", value: "Unique"},
|
||||||
title: "Cozy Atmosphere",
|
|
||||||
subtitle: "Two floors of warm, inviting space for focus or friends.",
|
|
||||||
category: "Vibe",
|
|
||||||
value: "Unique",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Why Visit Us"
|
title="Why Visit Us"
|
||||||
description="Discover the perfect blend of productivity and comfort at the heart of the city."
|
description="Discover the perfect blend of productivity and comfort at the heart of the city."
|
||||||
@@ -129,41 +93,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
id: "p1", name: "Chai Latte", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/coffee-with-caramel-cinnamon_140725-9491.jpg"},
|
||||||
name: "Iced Latte",
|
|
||||||
price: "$5.95",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-with-caramel-cinnamon_140725-9491.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p2",
|
id: "p2", name: "Butter And Jam Bagel", price: "$4.95", imageSrc: "http://img.b2bpic.net/free-photo/pretzel-coffee_23-2148574597.jpg"},
|
||||||
name: "Butter And Jam Bagel",
|
|
||||||
price: "$3.95",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/pretzel-coffee_23-2148574597.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p3",
|
id: "p3", name: "Banana Bread", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-slices-delicious-banana-bread-with-chocolate-chunks-walnut-plate_181624-22706.jpg"},
|
||||||
name: "Banana Bread",
|
|
||||||
price: "$4.75",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-slices-delicious-banana-bread-with-chocolate-chunks-walnut-plate_181624-22706.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p4",
|
id: "p4", name: "Cappuccino", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee_74190-7833.jpg"},
|
||||||
name: "Cappuccino",
|
|
||||||
price: "$5.50",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee_74190-7833.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p5",
|
id: "p5", name: "Iced Vanilla Latte", price: "$5.75", imageSrc: "http://img.b2bpic.net/free-photo/two-glasses-cold-coffee-with-milk-marble-surface_114579-90950.jpg"},
|
||||||
name: "Hot Matcha Latte",
|
|
||||||
price: "$6.50",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bs4UjfAcOsU7tXKonPwPcWGzeD/tmp/hot-matcha-latte-1775409606261-c60ce451.png",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p6",
|
id: "p6", name: "Fresh Croissant", price: "$3.75", imageSrc: "http://img.b2bpic.net/free-photo/fresh-croissant-decorated-with-drop-chocolate-black-board_114579-88306.jpg"},
|
||||||
name: "Chocolate Croissant",
|
|
||||||
price: "$4.80",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bs4UjfAcOsU7tXKonPwPcWGzeD/tmp/chocolate-croissant-1775409669881-9ff5e049.png",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Cafe Favorites"
|
title="Cafe Favorites"
|
||||||
description="Handcrafted daily with love and the finest ingredients."
|
description="Handcrafted daily with love and the finest ingredients."
|
||||||
@@ -178,25 +118,15 @@ export default function LandingPage() {
|
|||||||
author="Sarah J."
|
author="Sarah J."
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-kebab_23-2148773545.jpg",
|
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-kebab_23-2148773545.jpg", alt: "Customer"},
|
||||||
alt: "Customer",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-young-man-sitting-coffee-shop-using-digital-tablet-video-chats-with_1258-245379.jpg",
|
src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-young-man-sitting-coffee-shop-using-digital-tablet-video-chats-with_1258-245379.jpg", alt: "Customer"},
|
||||||
alt: "Customer",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/happy-beautiful-young-woman-standing-posing-co-working-coffee-shop-interior-looking-camera-smiling_74855-9955.jpg",
|
src: "http://img.b2bpic.net/free-photo/happy-beautiful-young-woman-standing-posing-co-working-coffee-shop-interior-looking-camera-smiling_74855-9955.jpg", alt: "Customer"},
|
||||||
alt: "Customer",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-smiling-asian-barista-girl-working-cafe-giving-order-client-made-batch-brew-f_1258-148474.jpg",
|
src: "http://img.b2bpic.net/free-photo/vertical-shot-smiling-asian-barista-girl-working-cafe-giving-order-client-made-batch-brew-f_1258-148474.jpg", alt: "Customer"},
|
||||||
alt: "Customer",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/laugh-is-way-happiness_329181-2893.jpg",
|
src: "http://img.b2bpic.net/free-photo/laugh-is-way-happiness_329181-2893.jpg", alt: "Customer"},
|
||||||
alt: "Customer",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
ratingAnimation="slide-up"
|
ratingAnimation="slide-up"
|
||||||
avatarsAnimation="blur-reveal"
|
avatarsAnimation="blur-reveal"
|
||||||
@@ -210,22 +140,14 @@ export default function LandingPage() {
|
|||||||
description="Find us at 1195 Oak St, San Francisco, CA. Drop us a note if you're planning a large group booking."
|
description="Find us at 1195 Oak St, San Francisco, CA. Drop us a note if you're planning a large group booking."
|
||||||
inputs={[
|
inputs={[
|
||||||
{
|
{
|
||||||
name: "name",
|
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||||
type: "text",
|
|
||||||
placeholder: "Your Name",
|
|
||||||
required: true,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "email",
|
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||||
type: "email",
|
|
||||||
placeholder: "Your Email",
|
|
||||||
required: true,
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
textarea={{
|
textarea={{
|
||||||
name: "message",
|
name: "message", placeholder: "Your Message", rows: 4,
|
||||||
placeholder: "Your Message",
|
|
||||||
rows: 4,
|
|
||||||
required: true,
|
required: true,
|
||||||
}}
|
}}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/street-market-night_23-2151604349.jpg?_wi=2"
|
imageSrc="http://img.b2bpic.net/free-photo/street-market-night_23-2151604349.jpg?_wi=2"
|
||||||
@@ -237,25 +159,17 @@ export default function LandingPage() {
|
|||||||
<FooterBase
|
<FooterBase
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Location",
|
title: "Location", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "1195 Oak St, San Francisco",
|
label: "1195 Oak St, San Francisco", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Links",
|
title: "Links", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Menu",
|
label: "Menu", href: "#menu"},
|
||||||
href: "#menu",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Contact",
|
label: "Contact", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
@@ -265,4 +179,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user