bender/f4aef168-0cd4-41bf-8b98-2faba3d124f7
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Bob AI: Update the blog page to use ThemeProvider, replace the exist

Browse Source
This commit is contained in:
kudindmitriy
2026-02-18 10:16:33 +00:00
parent 7175fbb02d
commit 223ea7682c
1 changed files with 67 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
src/app/page.tsx
View File

@@ -1,14 +1,16 @@
"use client"
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import Navbar from '@/components/navbar/Navbar'; // Updated import
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import Footer from '@/components/sections/footer/Footer'; // Updated import
import BlogSection from '@/components/sections/blog/BlogSection'; // Added import
import BlogCard from '@/components/sections/blog/BlogCard'; // Added import
import { ArrowRight, Coffee, Heart, Mail, Sparkles, Star } from 'lucide-react';
export default function LandingPage() {
@@ -26,7 +28,7 @@ export default function LandingPage() {
headingFontWeight="medium"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
<Navbar
brandName="Midnight"
navItems={[
{ name: "Home", id: "hero" },
@@ -36,7 +38,8 @@ export default function LandingPage() {
{ name: "Contact", id: "contact" }
]}
button={{
text: "Visit Us", href: "#contact"
text: "Visit Us",
href: "#contact"
}}
/>
</div>
@@ -66,7 +69,13 @@ export default function LandingPage() {
tagIcon={Star}
tagAnimation="blur-reveal"
names={[
"Iowa City Locals", "Study Groups", "Coffee Enthusiasts", "Late-Night Learners", "Friend Groups", "Remote Workers", "Neighborhood Favorites"
"Iowa City Locals",
"Study Groups",
"Coffee Enthusiasts",
"Late-Night Learners",
"Friend Groups",
"Remote Workers",
"Neighborhood Favorites"
]}
textboxLayout="default"
useInvertedBackground={false}
@@ -101,16 +110,32 @@ export default function LandingPage() {
tagAnimation="entrance-slide"
features={[
{
title: "The Atmosphere", description: "Natural light by day. Intimate glow by night. Your perfect backdrop.", imageSrc: "https://img.b2bpic.net/free-photo/woman-works-cafe-evening_1153-3549.jpg", imageAlt: "Warm cafe interior with natural light", buttonIcon: ArrowRight
title: "The Atmosphere",
description: "Natural light by day. Intimate glow by night. Your perfect backdrop.",
imageSrc: "https://img.b2bpic.net/free-photo/woman-works-cafe-evening_1153-3549.jpg",
imageAlt: "Warm cafe interior with natural light",
buttonIcon: ArrowRight
},
{
title: "Perfect Every Time", description: "Consistency you can count on. Coffee crafted with obsessive precision.", imageSrc: "https://img.b2bpic.net/free-photo/man-enjoying-cup-hot-coffee-cafe_53876-88441.jpg", imageAlt: "Professional latte art", buttonIcon: ArrowRight
title: "Perfect Every Time",
description: "Consistency you can count on. Coffee crafted with obsessive precision.",
imageSrc: "https://img.b2bpic.net/free-photo/man-enjoying-cup-hot-coffee-cafe_53876-88441.jpg",
imageAlt: "Professional latte art",
buttonIcon: ArrowRight
},
{
title: "The People", description: "Friendly, responsive, real. We remember you and we care.", imageSrc: "https://img.b2bpic.net/free-photo/handsome-barista-serving-coffee-bring-cup-standing-black-apron-with-friendly-smile_1258-41034.jpg", imageAlt: "Smiling barista in professional setting", buttonIcon: ArrowRight
title: "The People",
description: "Friendly, responsive, real. We remember you and we care.",
imageSrc: "https://img.b2bpic.net/free-photo/handsome-barista-serving-coffee-bring-cup-standing-black-apron-with-friendly-smile_1258-41034.jpg",
imageAlt: "Smiling barista in professional setting",
buttonIcon: ArrowRight
},
{
title: "The Intention", description: "We're here because we love this. Passion shows in every cup.", imageSrc: "https://img.b2bpic.net/free-photo/cozy-home-composition-with-cup-coffee-candle-decorative-details_169016-23101.jpg", imageAlt: "Midnight cafe glowing with warm light", buttonIcon: ArrowRight
title: "The Intention",
description: "We're here because we love this. Passion shows in every cup.",
imageSrc: "https://img.b2bpic.net/free-photo/cozy-home-composition-with-cup-coffee-candle-decorative-details_169016-23101.jpg",
imageAlt: "Midnight cafe glowing with warm light",
buttonIcon: ArrowRight
}
]}
textboxLayout="default"
@@ -129,16 +154,20 @@ export default function LandingPage() {
author="Lisa & Meredith, Loyal Customers"
avatars={[
{
src: "https://img.b2bpic.net/free-photo/handsome-barista-serving-coffee-bring-cup-standing-black-apron-with-friendly-smile_1258-41034.jpg", alt: "Customer testimonial avatar 1"
src: "https://img.b2bpic.net/free-photo/handsome-barista-serving-coffee-bring-cup-standing-black-apron-with-friendly-smile_1258-41034.jpg",
alt: "Customer testimonial avatar 1"
},
{
src: "https://img.b2bpic.net/free-photo/croissant-coffee-food-photography_53876-104492.jpg", alt: "Customer testimonial avatar 2"
src: "https://img.b2bpic.net/free-photo/croissant-coffee-food-photography_53876-104492.jpg",
alt: "Customer testimonial avatar 2"
},
{
src: "https://img.b2bpic.net/free-photo/brewing-coffee-coffee-is-poured-into-glass-cup-from-copper-coffee-maker-lunch-old-cafe-vertical-shot-selective-focus_166373-2509.jpg", alt: "Customer testimonial avatar 3"
src: "https://img.b2bpic.net/free-photo/brewing-coffee-coffee-is-poured-into-glass-cup-from-copper-coffee-maker-lunch-old-cafe-vertical-shot-selective-focus_166373-2509.jpg",
alt: "Customer testimonial avatar 3"
},
{
src: "https://img.b2bpic.net/free-photo/woman-works-cafe-evening_1153-3549.jpg", alt: "Customer testimonial avatar 4"
src: "https://img.b2bpic.net/free-photo/woman-works-cafe-evening_1153-3549.jpg",
alt: "Customer testimonial avatar 4"
}
]}
ratingAnimation="blur-reveal"
@@ -162,11 +191,30 @@ export default function LandingPage() {
/>
</div>
<BlogSection>
<BlogCard
title="Our Latest Blog Post"
description="Discover the latest news and updates from Midnight Cafe."
href="/blog/post1"
imageSrc="https://img.b2bpic.net/free-photo/coffee-maker-machine-table_23-2148937228.jpg"
imageAlt="Coffee maker machine on table"
/>
<BlogCard
title="Another Blog Post"
description="More insights and stories from our community."
href="/blog/post2"
imageSrc="https://img.b2bpic.net/free-photo/woman-works-cafe-evening_1153-3549.jpg"
imageAlt="Woman working in cafe in the evening"
/>
{/* Add more BlogCard components as needed */}
</BlogSection>
<div id="footer" data-section="footer">
<FooterBaseReveal
<Footer
columns={[
{
title: "Cafe", items: [
title: "Cafe",
items: [
{ label: "Home", href: "#hero" },
{ label: "About", href: "#about" },
{ label: "Experience", href: "#experience" },
@@ -174,7 +222,8 @@ export default function LandingPage() {
]
},
{
title: "Connect", items: [
title: "Connect",
items: [
{ label: "Instagram", href: "https://instagram.com" },
{ label: "Facebook", href: "https://facebook.com" },
{ label: "Email", href: "mailto:hello@midnightcafe.local" },
@@ -182,7 +231,8 @@ export default function LandingPage() {
]
},
{
title: "Hours", items: [
title: "Hours",
items: [
{ label: "Monday - Sunday", href: "#" },
{ label: "6:30 AM - 10:00 PM", href: "#" },
{ label: "Iowa City, Iowa", href: "#" },