282 lines
18 KiB
TypeScript
282 lines
18 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import { ShoppingBag } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="none"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="IDEal Bakery"
|
|
navItems={[
|
|
{ name: "Menu", id: "products" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Order", id: "custom-cakes" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
button={{
|
|
text: "Order Now", href: "https://wa.me/923001234567"}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
title="Faisalabad's Most Loved Traditional Bakery"
|
|
description="Fresh Cakes, Signature Barfi, and Handmade Bakery Items. Serving Faisalabad for Generations with Heritage Taste and Honest Prices."
|
|
tag="Heritage Bakery"
|
|
background={{ variant: "plain" }}
|
|
buttons={[
|
|
{ text: "Order Custom Cake", href: "custom-cakes" },
|
|
{ text: "View Menu", href: "products" },
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/slice-red-caramel-cake-piece-burlap_114579-38687.jpg?_wi=1", imageAlt: "Beautiful decorated multi-layer cake"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/freshly-bakery-products-spikelets-cloth-home-close-up-photo-freshly-baked-bread-products_613910-6786.jpg", imageAlt: "Fresh baked bread from our traditional ovens"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/traditional-turkish-delight-oriental-sweets_114579-14948.jpg?_wi=1", imageAlt: "Traditional barfi sweets famous across Pakistan"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pink-layer-cake-wedding_1304-4013.jpg?_wi=1", imageAlt: "Custom celebration cakes for your special moments"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pancake-wrappings-blue-platter-marble-surface_114579-75286.jpg?_wi=1", imageAlt: "Crispy samosas and traditional rolls"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cup-milk-with-biscuits-book_114579-6085.jpg", imageAlt: "Fresh baked biscuits and pastries daily"},
|
|
]}
|
|
tagAnimation="slide-up"
|
|
buttonAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<TestimonialCardSix
|
|
title="Loved By The City For Years"
|
|
description="Thousands of families trust IDEal Bakery for their daily bakery needs, celebrations, and special occasions."
|
|
tag="Customer Love"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Mujahid Ali", handle: "Regular Customer", testimonial: "Whenever I visit Faisalabad, this bakery is a must-stop for their delicious barfi. No other place compares to their authentic taste.", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", imageAlt: "Mujahid Ali"},
|
|
{
|
|
id: "2", name: "Ubaid Ur Rehman", handle: "Local Business Owner", testimonial: "Prices are better than Gourmet. Staff is polite and street snacks like samosas and rolls are very good. Best value in the city.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-speaking-phone-sitting-bench_176420-5895.jpg", imageAlt: "Ubaid Ur Rehman"},
|
|
{
|
|
id: "3", name: "Owais Ch", handle: "Loyal Customer", testimonial: "One of the best old bakeries in the city. The taste and quality are still good after all these years. True heritage.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-art-studio_23-2149705893.jpg", imageAlt: "Owais Ch"},
|
|
{
|
|
id: "4", name: "Fatima Khan", handle: "Event Planner", testimonial: "I trust IDEal for all my event cakes. They deliver perfect custom designs with fresh taste every single time.", imageSrc: "http://img.b2bpic.net/free-photo/pleasant-looking-young-woman-with-pensive-expression-has-appealing-appearance_273609-44224.jpg", imageAlt: "Fatima Khan"},
|
|
{
|
|
id: "5", name: "Ahmed Raza", handle: "Family Patriarch", testimonial: "For 30 years, our family celebrates with IDEal cakes and barfi. Quality never compromises, prices stay honest.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-middle-aged-man-with-beard-hairstyle-dressed-elegant-formal-suit-textured-dark-background-studio_613910-19887.jpg", imageAlt: "Ahmed Raza"},
|
|
{
|
|
id: "6", name: "Zainab Malik", handle: "Wedding Organizer", testimonial: "Their custom cakes are masterpieces. Every wedding I organize, IDEal delivers elegance and delicious taste that wow guests.", imageSrc: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chiffon-shirt-while-standing-with-folded-arms-gray-marble-wall_158595-6771.jpg", imageAlt: "Zainab Malik"},
|
|
]}
|
|
animationType="slide-up"
|
|
speed={40}
|
|
tagAnimation="blur-reveal"
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<FeatureCardOne
|
|
title="Our Specialties"
|
|
description="Discover the products that made IDEal Bakery famous across Faisalabad and beyond."
|
|
tag="Products"
|
|
tagIcon={ShoppingBag}
|
|
features={[
|
|
{
|
|
title: "Famous Barfi", description: "Our signature barfi is handmade with authentic recipes passed down through generations. The sweet people bring back home.", imageSrc: "http://img.b2bpic.net/free-photo/traditional-turkish-delight-oriental-sweets_114579-14948.jpg?_wi=2", imageAlt: "Traditional barfi sweets"},
|
|
{
|
|
title: "Fresh Cakes", description: "Birthdays, weddings, and celebrations deserve perfect cakes. Custom designs with premium quality ingredients.", imageSrc: "http://img.b2bpic.net/free-photo/pink-layer-cake-wedding_1304-4013.jpg?_wi=2", imageAlt: "Custom celebration cakes"},
|
|
{
|
|
title: "Traditional Sweets", description: "Handmade with authentic taste using time-tested recipes. Perfect for Eid, weddings, and family gatherings.", imageSrc: "http://img.b2bpic.net/free-photo/slice-red-caramel-cake-piece-burlap_114579-38687.jpg?_wi=2", imageAlt: "Traditional sweets display"},
|
|
{
|
|
title: "Street Snacks", description: "Crispy samosas, rolls, and quick bites made fresh daily. Perfect for quick meals or snacking anytime.", imageSrc: "http://img.b2bpic.net/free-photo/pancake-wrappings-blue-platter-marble-surface_114579-75286.jpg?_wi=2", imageAlt: "Traditional samosas and rolls"},
|
|
]}
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
tagAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
title="A Bakery That Grew With Faisalabad"
|
|
description={[
|
|
"IDEal Bakery & Sweets has been serving the people of Faisalabad for decades. Long before modern chains arrived, our ovens were already baking fresh bread, sweets, and cakes loved by generations.", "From our famous barfi to daily bakery essentials, we continue to provide fresh taste at honest prices. Our commitment is simple: quality ingredients, traditional recipes, and the care that only comes from family-run heritage.", "Every item from our bakery carries decades of trust, authenticity, and the warmth of tradition."]}
|
|
buttons={[
|
|
{ text: "Order Custom Cake", href: "custom-cakes" },
|
|
]}
|
|
useInvertedBackground={false}
|
|
showBorder={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="custom-cakes" data-section="custom-cakes">
|
|
<PricingCardNine
|
|
title="Custom Cakes For Every Celebration"
|
|
description="Perfect cakes for birthdays, weddings, engagements, and corporate events. Order yours today."
|
|
tag="Custom Orders"
|
|
plans={[
|
|
{
|
|
id: "birthday-cake", title: "Birthday Cakes", price: "Starting", period: "PKR 2,500", imageSrc: "http://img.b2bpic.net/free-photo/pink-layer-cake-wedding_1304-4013.jpg?_wi=3", imageAlt: "Birthday cake celebration", button: {
|
|
text: "Order Now", href: "https://wa.me/923001234567"},
|
|
features: [
|
|
"Custom flavor selection", "Personalized decoration", "Choice of sizes", "Same-day delivery available"],
|
|
},
|
|
{
|
|
id: "wedding-cake", title: "Wedding Cakes", price: "Custom", period: "Pricing", imageSrc: "http://img.b2bpic.net/free-photo/slice-red-caramel-cake-piece-burlap_114579-38687.jpg?_wi=3", imageAlt: "Wedding cake elegant tiered", button: {
|
|
text: "Consult Now", href: "https://wa.me/923001234567"},
|
|
features: [
|
|
"Multi-tier designs", "Premium ingredients", "Professional consultation", "Delivery & setup included"],
|
|
},
|
|
{
|
|
id: "engagement-cake", title: "Engagement Cakes", price: "Starting", period: "PKR 3,500", imageSrc: "http://img.b2bpic.net/free-photo/pink-layer-cake-wedding_1304-4013.jpg?_wi=4", imageAlt: "Engagement celebration cake", button: {
|
|
text: "Order Now", href: "https://wa.me/923001234567"},
|
|
features: [
|
|
"Elegant designs", "Custom themes", "Premium finishes", "Flexible delivery times"],
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
tagAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<MetricCardFourteen
|
|
title="Why Customers Choose IDEal Bakery & Sweets"
|
|
tag="Our Commitment"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "Fresh Daily", description: "Our bakery produces fresh items every single day. No stale products ever reach our shelves."},
|
|
{
|
|
id: "2", value: "Honest Prices", description: "Quality sweets and baked goods without luxury pricing. Real value for families of Faisalabad."},
|
|
{
|
|
id: "3", value: "Local Favorite", description: "Trusted by families for decades. The choice of generations in our beloved city."},
|
|
{
|
|
id: "4", value: "Signature Barfi", description: "Famous across Pakistan. Our most loved sweet that people bring back home from Faisalabad."},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
tagAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about our products, orders, and services."
|
|
tag="Help Center"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How can I order a custom cake?", content: "You can order custom cakes by contacting us via WhatsApp (+92-300-XXXXXXX), calling our shop, or visiting us in person. We recommend ordering at least 2-3 days in advance for custom designs. Tell us your flavor preference, size, and decoration theme, and we'll create a masterpiece for your celebration."},
|
|
{
|
|
id: "2", title: "What are your business hours?", content: "We're open 7 AM to 10 PM daily. On Fridays, we open at 8 AM. During Ramadan, hours may vary. Best to call ahead for large orders or custom requests during peak seasons."},
|
|
{
|
|
id: "3", title: "Do you offer delivery?", content: "Yes, we offer delivery for orders within Faisalabad city. Delivery charges apply based on location. For wedding cakes and large orders, professional delivery and setup are included. Contact us for delivery details."},
|
|
{
|
|
id: "4", title: "Are your products fresh?", content: "Absolutely. Everything is baked fresh daily. Our barfi, bread, cakes, and snacks are made using quality ingredients and traditional recipes. We never compromise on freshness or quality."},
|
|
{
|
|
id: "5", title: "Do you have options for dietary restrictions?", content: "We work with customers on special requests. While we specialize in traditional recipes, we can discuss alternatives for certain dietary needs. Contact us directly to discuss your requirements."},
|
|
{
|
|
id: "6", title: "What's your most famous product?", content: "Our signature barfi is famous across Pakistan. Customers travel to Faisalabad specifically to buy our barfi and bring it back home. It's made using authentic recipes and the finest ingredients, representing our heritage and commitment to quality."},
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
animationType="smooth"
|
|
tagAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Get In Touch With Us"
|
|
description="Have questions about our products or want to place an order? Reach out to us. We'd love to help you celebrate your special moments with our delicious creations."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
|
{ name: "phone", type: "tel", placeholder: "Your Phone Number", required: true },
|
|
{ name: "email", type: "email", placeholder: "Your Email", required: false },
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Tell us about your cake order or inquiry...", rows: 5,
|
|
required: true,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/low-angle-bistro-exterior-architecture_23-2149356830.jpg"
|
|
imageAlt="IDEal Bakery Location"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
useInvertedBackground={false}
|
|
buttonText="Send Message"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Menu", items: [
|
|
{ label: "Cakes", href: "#products" },
|
|
{ label: "Barfi & Sweets", href: "#products" },
|
|
{ label: "Bread & Bakery", href: "#products" },
|
|
{ label: "Samosas & Snacks", href: "#products" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Custom Orders", href: "#custom-cakes" },
|
|
{ label: "FAQ", href: "#faq" },
|
|
{ label: "Contact", href: "#contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "WhatsApp", href: "https://wa.me/923001234567" },
|
|
{ label: "Call Us", href: "tel:+92300XXXXXXX" },
|
|
{ label: "Visit Us", href: "#contact" },
|
|
{ label: "Email", href: "mailto:info@idealbakery.com" },
|
|
],
|
|
},
|
|
{
|
|
title: "Follow", items: [
|
|
{ label: "Facebook", href: "https://facebook.com/idealbakery" },
|
|
{ label: "Instagram", href: "https://instagram.com/idealbakery" },
|
|
{ label: "TikTok", href: "https://tiktok.com/@idealbakery" },
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2025 IDEal Bakery & Sweets. All rights reserved."
|
|
bottomRightText="Made with love for Faisalabad"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|