bender/150f1f81-e03d-4a2c-ac79-d408dbe1d98c
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-14 22:25:41 +00:00
parent e7bd854eba
commit dc9be7b946
1 changed files with 76 additions and 235 deletions
Download Patch File Download Diff File Expand all files Collapse all files

311
src/app/page.tsx
View File

@@ -14,21 +14,14 @@ import Link from "next/link";
export default function HomePage() {
const navItems = [
{ name: "Home", id: "home" },
{ name: "About", id: "about" },
{ name: "Menu", id: "menu" },
{ name: "Custom Cakes", id: "cakes" },
{ name: "Locations", id: "locations" },
{ name: "Contact", id: "contact" },
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Menu", id: "/menu" },
{ name: "Custom Cakes", id: "/custom-cakes" },
{ name: "Locations", id: "/locations" },
{ name: "Contact", id: "/contact" },
];
const handleNavClick = (id: string) => {
const section = document.getElementById(id);
if (section) {
section.scrollIntoView({ behavior: "smooth" });
}
};
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
@@ -45,14 +38,16 @@ export default function HomePage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="Loafology"
navItems={navItems.map((item) => ({
name: item.name,
id: item.id,
}))}
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Menu", id: "/menu" },
{ name: "Custom Cakes", id: "/custom-cakes" },
{ name: "Locations", id: "/locations" },
{ name: "Contact", id: "/contact" },
]}
button={{
text: "Call Now",
href: "tel:+923005555555",
}}
text: "Call Now", href: "tel:+923005555555"}}
/>
</div>
@@ -65,45 +60,23 @@ export default function HomePage() {
background={{ variant: "plain" }}
buttons={[
{
text: "Call Now",
href: "tel:+923005555555",
},
text: "Call Now", href: "tel:+923005555555"},
{
text: "Reserve a Table",
href: "#contact",
},
text: "Reserve a Table", href: "#contact"},
]}
carouselItems={[
{
id: "1",
imageSrc: "http://img.b2bpic.net/free-photo/coffee-near-sandwich-with-knife_23-2147717724.jpg?_wi=1",
imageAlt: "Fresh artisan breads display",
},
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/coffee-near-sandwich-with-knife_23-2147717724.jpg?_wi=1", imageAlt: "Fresh artisan breads display"},
{
id: "2",
imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-hand-adding-drink-shot_23-2148209433.jpg?_wi=1",
imageAlt: "Professional coffee pouring",
},
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-hand-adding-drink-shot_23-2148209433.jpg?_wi=1", imageAlt: "Professional coffee pouring"},
{
id: "3",
imageSrc: "http://img.b2bpic.net/free-photo/croissants-flat-lay-plaster-kitchen-towel_176474-8190.jpg?_wi=1",
imageAlt: "Golden buttery croissants",
},
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/croissants-flat-lay-plaster-kitchen-towel_176474-8190.jpg?_wi=1", imageAlt: "Golden buttery croissants"},
{
id: "4",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-products-arrangement-bakery_23-2150273142.jpg?_wi=1",
imageAlt: "Victoria sponge cake",
},
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/delicious-products-arrangement-bakery_23-2150273142.jpg?_wi=1", imageAlt: "Victoria sponge cake"},
{
id: "5",
imageSrc: "http://img.b2bpic.net/free-photo/cheese-plate-sausages-with-vegetables_140725-3366.jpg?_wi=1",
imageAlt: "Artisan breakfast spread",
},
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/cheese-plate-sausages-with-vegetables_140725-3366.jpg?_wi=1", imageAlt: "Artisan breakfast spread"},
{
id: "6",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-eating-restaurant_23-2150491788.jpg?_wi=1",
imageAlt: "Warm café interior",
},
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-eating-restaurant_23-2150491788.jpg?_wi=1", imageAlt: "Warm café interior"},
]}
autoPlay={true}
autoPlayInterval={5000}
@@ -119,9 +92,7 @@ export default function HomePage() {
useInvertedBackground={false}
buttons={[
{
text: "View Our Menu",
href: "/menu",
},
text: "View Our Menu", href: "/menu"},
]}
/>
</div>
@@ -135,33 +106,17 @@ export default function HomePage() {
useInvertedBackground={true}
features={[
{
id: "1",
title: "Fresh Baked Daily",
tags: ["Artisan", "Quality"],
imageSrc: "http://img.b2bpic.net/free-photo/baker-holding-fresh-bread-hands_169016-6371.jpg",
imageAlt: "Fresh daily baking process",
},
id: "1", title: "Fresh Baked Daily", tags: ["Artisan", "Quality"],
imageSrc: "http://img.b2bpic.net/free-photo/baker-holding-fresh-bread-hands_169016-6371.jpg", imageAlt: "Fresh daily baking process"},
{
id: "2",
title: "Cozy Café Atmosphere",
tags: ["Ambiance", "Relaxing"],
imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-hot-chocolate-cafe_23-2149944037.jpg",
imageAlt: "Warm café seating area",
},
id: "2", title: "Cozy Café Atmosphere", tags: ["Ambiance", "Relaxing"],
imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-hot-chocolate-cafe_23-2149944037.jpg", imageAlt: "Warm café seating area"},
{
id: "3",
title: "Premium Ingredients",
tags: ["Quality", "Sourced"],
imageSrc: "http://img.b2bpic.net/free-photo/side-view-female-friends-shop_23-2148721119.jpg",
imageAlt: "Premium quality ingredients",
},
id: "3", title: "Premium Ingredients", tags: ["Quality", "Sourced"],
imageSrc: "http://img.b2bpic.net/free-photo/side-view-female-friends-shop_23-2148721119.jpg", imageAlt: "Premium quality ingredients"},
{
id: "4",
title: "Exceptional Service",
tags: ["Hospitality", "Friendly"],
imageSrc: "http://img.b2bpic.net/free-photo/concierge-assists-with-checkin-hotel_482257-90464.jpg?_wi=1",
imageAlt: "Friendly customer service team",
},
id: "4", title: "Exceptional Service", tags: ["Hospitality", "Friendly"],
imageSrc: "http://img.b2bpic.net/free-photo/concierge-assists-with-checkin-hotel_482257-90464.jpg?_wi=1", imageAlt: "Friendly customer service team"},
]}
/>
</div>
@@ -176,53 +131,21 @@ export default function HomePage() {
useInvertedBackground={false}
products={[
{
id: "1",
name: "Victoria Sponge Cake",
price: "Per Serving",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-products-arrangement-bakery_23-2150273142.jpg?_wi=2",
imageAlt: "Victoria Sponge Cake",
},
id: "1", name: "Victoria Sponge Cake", price: "Per Serving", imageSrc: "http://img.b2bpic.net/free-photo/delicious-products-arrangement-bakery_23-2150273142.jpg?_wi=2", imageAlt: "Victoria Sponge Cake"},
{
id: "2",
name: "French Croissants",
price: "Fresh Daily",
imageSrc: "http://img.b2bpic.net/free-photo/croissants-flat-lay-plaster-kitchen-towel_176474-8190.jpg?_wi=2",
imageAlt: "Golden Croissants",
},
id: "2", name: "French Croissants", price: "Fresh Daily", imageSrc: "http://img.b2bpic.net/free-photo/croissants-flat-lay-plaster-kitchen-towel_176474-8190.jpg?_wi=2", imageAlt: "Golden Croissants"},
{
id: "3",
name: "Artisan Sandwiches",
price: "Made Fresh",
imageSrc: "http://img.b2bpic.net/free-photo/wooden-board-homemade-sandwich-sliced-vegetables-marble-surface_114579-38904.jpg?_wi=1",
imageAlt: "Premium Sandwiches",
},
id: "3", name: "Artisan Sandwiches", price: "Made Fresh", imageSrc: "http://img.b2bpic.net/free-photo/wooden-board-homemade-sandwich-sliced-vegetables-marble-surface_114579-38904.jpg?_wi=1", imageAlt: "Premium Sandwiches"},
{
id: "4",
name: "Specialty Donuts",
price: "Handcrafted",
imageSrc: "http://img.b2bpic.net/free-photo/individual-epiphany-cake-roscon-de-reyes-wooden-table_123827-28614.jpg?_wi=1",
imageAlt: "Strawberry & Vanilla Donuts",
},
id: "4", name: "Specialty Donuts", price: "Handcrafted", imageSrc: "http://img.b2bpic.net/free-photo/individual-epiphany-cake-roscon-de-reyes-wooden-table_123827-28614.jpg?_wi=1", imageAlt: "Strawberry & Vanilla Donuts"},
{
id: "5",
name: "Artisan Breads",
price: "Baked Fresh",
imageSrc: "http://img.b2bpic.net/free-photo/coffee-near-sandwich-with-knife_23-2147717724.jpg?_wi=2",
imageAlt: "Fresh Artisan Breads",
},
id: "5", name: "Artisan Breads", price: "Baked Fresh", imageSrc: "http://img.b2bpic.net/free-photo/coffee-near-sandwich-with-knife_23-2147717724.jpg?_wi=2", imageAlt: "Fresh Artisan Breads"},
{
id: "6",
name: "Breakfast Specials",
price: "Daily Menu",
imageSrc: "http://img.b2bpic.net/free-photo/cheese-plate-sausages-with-vegetables_140725-3366.jpg?_wi=2",
imageAlt: "Full Breakfast Platter",
},
id: "6", name: "Breakfast Specials", price: "Daily Menu", imageSrc: "http://img.b2bpic.net/free-photo/cheese-plate-sausages-with-vegetables_140725-3366.jpg?_wi=2", imageAlt: "Full Breakfast Platter"},
]}
buttons={[
{
text: "View Full Menu",
href: "/menu",
},
text: "View Full Menu", href: "/menu"},
]}
/>
</div>
@@ -236,73 +159,31 @@ export default function HomePage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Amina Khan",
role: "Marketing Executive",
company: "Tech Startup, Islamabad",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-smiling-woman-posing-white-background_231208-1813.jpg",
imageAlt: "Amina Khan",
},
id: "1", name: "Amina Khan", role: "Marketing Executive", company: "Tech Startup, Islamabad", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-smiling-woman-posing-white-background_231208-1813.jpg", imageAlt: "Amina Khan"},
{
id: "2",
name: "Hassan Ahmed",
role: "Business Owner",
company: "Corporate Office, Blue Area",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3821.jpg",
imageAlt: "Hassan Ahmed",
},
id: "2", name: "Hassan Ahmed", role: "Business Owner", company: "Corporate Office, Blue Area", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3821.jpg", imageAlt: "Hassan Ahmed"},
{
id: "3",
name: "Fatima Malik",
role: "Student & Freelancer",
company: "F-11 Regular",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-dessert-drink-cafe_273609-3995.jpg",
imageAlt: "Fatima Malik",
},
id: "3", name: "Fatima Malik", role: "Student & Freelancer", company: "F-11 Regular", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-dessert-drink-cafe_273609-3995.jpg", imageAlt: "Fatima Malik"},
{
id: "4",
name: "Khalid & Sara",
role: "Café Enthusiasts",
company: "Wedding Cake Customers",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-colleagues_1098-14529.jpg",
imageAlt: "Khalid & Sara",
},
id: "4", name: "Khalid & Sara", role: "Café Enthusiasts", company: "Wedding Cake Customers", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-colleagues_1098-14529.jpg", imageAlt: "Khalid & Sara"},
{
id: "5",
name: "Ahmed Raza",
role: "Corporate Manager",
company: "Event Planner",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-hostel_23-2150601149.jpg",
imageAlt: "Ahmed Raza",
},
id: "5", name: "Ahmed Raza", role: "Corporate Manager", company: "Event Planner", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-hostel_23-2150601149.jpg", imageAlt: "Ahmed Raza"},
{
id: "6",
name: "Zara Hussain",
role: "Creative Director",
company: "Design Agency",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-cafe-drinking-coffee-cup_291650-1662.jpg",
imageAlt: "Zara Hussain",
},
id: "6", name: "Zara Hussain", role: "Creative Director", company: "Design Agency", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-cafe-drinking-coffee-cup_291650-1662.jpg", imageAlt: "Zara Hussain"},
]}
kpiItems={[
{
value: "4.9★",
label: "Customer Rating (111 reviews)",
},
value: "4.9★", label: "Customer Rating (111 reviews)"},
{
value: "2 Locations",
label: "Blue Area & F-11, Islamabad",
},
value: "2 Locations", label: "Blue Area & F-11, Islamabad"},
{
value: "100%",
label: "Fresh Daily Baking",
},
value: "100%", label: "Fresh Daily Baking"},
]}
/>
</div>
@@ -315,13 +196,9 @@ export default function HomePage() {
description="Let Loafology be part of your special moments. Reserve a table for your gathering, order a custom cake for your celebration, or book our catering services for your corporate event."
buttons={[
{
text: "Reserve a Table",
href: "#",
},
text: "Reserve a Table", href: "#"},
{
text: "Order Custom Cake",
href: "#",
},
text: "Order Custom Cake", href: "#"},
]}
background={{ variant: "plain" }}
useInvertedBackground={true}
@@ -332,87 +209,51 @@ export default function HomePage() {
<FooterSimple
columns={[
{
title: "Quick Links",
items: [
title: "Quick Links", items: [
{
label: "Home",
href: "/",
},
label: "Home", href: "/"},
{
label: "Menu",
href: "/menu",
},
label: "Menu", href: "/menu"},
{
label: "About",
href: "#about",
},
label: "About", href: "#about"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Table Reservation",
href: "#contact",
},
label: "Table Reservation", href: "#contact"},
{
label: "Custom Cakes",
href: "#",
},
label: "Custom Cakes", href: "/custom-cakes"},
{
label: "Catering & Events",
href: "#",
},
label: "Catering & Events", href: "/catering"},
{
label: "Bulk Orders",
href: "#contact",
},
label: "Bulk Orders", href: "#contact"},
],
},
{
title: "Locations",
items: [
title: "Locations", items: [
{
label: "Blue Area Branch",
href: "#",
},
label: "Blue Area Branch", href: "/locations"},
{
label: "F-11 Branch",
href: "#",
},
label: "F-11 Branch", href: "/locations"},
{
label: "Hours & Info",
href: "#",
},
label: "Hours & Info", href: "/locations"},
{
label: "Directions",
href: "#",
},
label: "Directions", href: "/locations"},
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "WhatsApp Us",
href: "https://wa.me/923005555555",
},
label: "WhatsApp Us", href: "https://wa.me/923005555555"},
{
label: "Call Now",
href: "tel:+923005555555",
},
label: "Call Now", href: "tel:+923005555555"},
{
label: "Email",
href: "mailto:hello@loafology.com",
},
label: "Email", href: "mailto:hello@loafology.com"},
{
label: "Feedback",
href: "#contact",
},
label: "Feedback", href: "#contact"},
],
},
]}