bender/0ffe619c-4601-4f85-8b3a-e223147689fa
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-05 02:05:32 +00:00
parent c0d7ecb561
commit 2709cb2aed
1 changed files with 26 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
src/app/page.tsx
View File

@@ -2,7 +2,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
import ProductCardFour from "@/components/sections/product/ProductCardFour";
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
@@ -29,8 +29,8 @@ export default function HomePage() {
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Menu", id: "/menu" },
{ name: "Gallery", id: "/gallery" },
{ name: "Menu", id: "#menu" },
{ name: "Gallery", id: "#gallery" },
{ name: "Locations", id: "/locations" },
{ name: "Events", id: "/events" },
]}
@@ -40,20 +40,31 @@ export default function HomePage() {
</div>
<div id="hero" data-section="hero">
<HeroBillboardScroll
<HeroBillboardGallery
title="Where Every Sip Becomes a Moment"
description="Immerse yourself in our carefully curated aesthetic cafe. Handcrafted drinks, Instagramperfect spaces, and unforgettable vibes await."
description="Immerse yourself in our carefully curated aesthetic cafe. Handcrafted drinks, Instagram-perfect spaces, and unforgettable vibes await."
tag="Welcome to Aesthetic Cafe"
tagIcon={Coffee}
tagAnimation="blur-reveal"
background={{ variant: "plain" }}
imageSrc="http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-standing-cafe_627829-5462.jpg"
imageAlt="Aesthetic cafe interior with warm lighting and cozy seating"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-standing-cafe_627829-5462.jpg", imageAlt: "Aesthetic cafe interior with warm lighting and cozy seating"},
{
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-male-pouring-milk-into-glass-coffee_181624-1769.jpg", imageAlt: "Coffee preparation and cafe ambiance"},
{
imageSrc: "http://img.b2bpic.net/free-photo/cozy-cafe_1098-13854.jpg", imageAlt: "Cozy cafe interior seating"},
{
imageSrc: "http://img.b2bpic.net/free-photo/ceramic-cups-coffee-machine_23-2147830564.jpg", imageAlt: "Coffee counter and espresso machine"},
{
imageSrc: "http://img.b2bpic.net/free-photo/coffee-with-heart-pattern-wooden-background_1232-2090.jpg", imageAlt: "Latte art with heart pattern"},
]}
buttons={[
{ text: "Explore Our World", href: "/menu" },
{ text: "Book a Table", href: "/contact" },
{ text: "Explore Our World", href: "#menu" },
{ text: "Book a Table", href: "#cta-section" },
]}
buttonAnimation="slide-up"
mediaAnimation="slide-up"
/>
</div>
@@ -186,7 +197,7 @@ export default function HomePage() {
title="Reserve Your Perfect Moment"
description="Book a table at our cafe and immerse yourself in an unforgettable aesthetic experience with world-class coffee and ambiance."
buttons={[
{ text: "Make a Reservation", href: "/contact" },
{ text: "Make a Reservation", href: "#contact" },
{ text: "View Locations", href: "/locations" },
]}
buttonAnimation="slide-up"
@@ -202,16 +213,16 @@ export default function HomePage() {
{
title: "Explore", items: [
{ label: "Home", href: "/" },
{ label: "Menu", href: "/menu" },
{ label: "Gallery", href: "/gallery" },
{ label: "About", href: "/about" },
{ label: "Menu", href: "#menu" },
{ label: "Gallery", href: "#gallery" },
{ label: "About", href: "#about" },
],
},
{
title: "Connect", items: [
{ label: "Locations", href: "/locations" },
{ label: "Events", href: "/events" },
{ label: "Contact", href: "/contact" },
{ label: "Contact", href: "#cta-section" },
{ label: "Blog", href: "/blog" },
],
},
@@ -236,4 +247,4 @@ export default function HomePage() {
</div>
</ThemeProvider>
);
}
}