From dc9be7b946e4ac0ec4fb0080338cf58532910084 Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 14 Mar 2026 22:25:41 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 311 ++++++++++++----------------------------------- 1 file changed, 76 insertions(+), 235 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 7c3e99e..425df4e 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -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 ( ({ - 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"}} /> @@ -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"}, ]} /> @@ -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"}, ]} /> @@ -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"}, ]} /> @@ -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"}, ]} /> @@ -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() {