Merge version_2 into main #3
@@ -2,21 +2,26 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import { MessageCircle } from "lucide-react";
|
||||
|
||||
export default function ContactPage() {
|
||||
const whatsappButton = { position: "fixed", bottom: "20px", right: "20px", zIndex: 999, backgroundColor: "#25D366", color: "white", padding: "15px", borderRadius: "50%", boxShadow: "0 4px 10px rgba(0,0,0,0.3)" } as React.CSSProperties;
|
||||
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<ThemeProvider defaultButtonVariant="icon-arrow" defaultTextAnimation="reveal-blur" borderRadius="soft" contentWidth="mediumLarge" sizing="largeSizeMediumTitles" background="grid" cardStyle="solid" primaryButtonStyle="gradient" secondaryButtonStyle="layered" headingFontWeight="semibold">
|
||||
<a href="https://wa.me/917004502102" target="_blank" style={whatsappButton}><MessageCircle size={30} /></a>
|
||||
<NavbarStyleApple navItems={[{ name: "Home", id: "/" }, { name: "Menu", id: "/menu" }, { name: "Locations & Contact", id: "/contact" }]} />
|
||||
<ContactSplit
|
||||
title="Visit Our Locations"
|
||||
description="We are located in Lalpur and Neori. Reach out to us for catering or custom orders."
|
||||
tag="Contact & Locations"
|
||||
/>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple navItems={[{ name: "Home", id: "/" }, { name: "Menu", id: "/menu" }, { name: "Locations & Contact", id: "/contact" }]} />
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Visit Our Locations"
|
||||
description="We are located in Lalpur and Neori. Reach out to us for catering or custom orders."
|
||||
inputs={[{ name: "name", type: "text", placeholder: "Name" }, { name: "email", type: "email", placeholder: "Email" }]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -2,29 +2,34 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import { MessageCircle } from "lucide-react";
|
||||
|
||||
export default function MenuPage() {
|
||||
const whatsappButton = { position: "fixed", bottom: "20px", right: "20px", zIndex: 999, backgroundColor: "#25D366", color: "white", padding: "15px", borderRadius: "50%", boxShadow: "0 4px 10px rgba(0,0,0,0.3)" } as React.CSSProperties;
|
||||
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<ThemeProvider defaultButtonVariant="icon-arrow" defaultTextAnimation="reveal-blur" borderRadius="soft" contentWidth="mediumLarge" sizing="largeSizeMediumTitles" background="grid" cardStyle="solid" primaryButtonStyle="gradient" secondaryButtonStyle="layered" headingFontWeight="semibold">
|
||||
<a href="https://wa.me/917004502102" target="_blank" style={whatsappButton}><MessageCircle size={30} /></a>
|
||||
<NavbarStyleApple navItems={[{ name: "Home", id: "/" }, { name: "Menu", id: "/menu" }, { name: "Locations & Contact", id: "/contact" }]} />
|
||||
<ProductCardFour
|
||||
title="Our Delicious Menu"
|
||||
description="From celebration cakes to evening savories."
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Celebration Cakes", price: "Custom", variant: "Category", imageSrc: "https://images.unsplash.com/photo-1578985545062-69928b1d9587?w=800&h=600" },
|
||||
{ id: "2", name: "Eggless Specials", price: "Custom", variant: "Category", imageSrc: "https://images.unsplash.com/photo-1565958011703-44f9883ba168?w=800&h=600" },
|
||||
{ id: "3", name: "Pastries", price: "From $5", variant: "Category", imageSrc: "https://images.unsplash.com/photo-1519340333755-56e9c1d1a818?w=800&h=600" },
|
||||
{ id: "4", name: "Savories", price: "From $2", variant: "Category", imageSrc: "https://images.unsplash.com/photo-1527477396000-227179048807?w=800&h=600" }
|
||||
]}
|
||||
/>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple navItems={[{ name: "Home", id: "/" }, { name: "Menu", id: "/menu" }, { name: "Locations & Contact", id: "/contact" }]} />
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
title="Our Delicious Menu"
|
||||
description="From celebration cakes to evening savories."
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Celebration Cakes", price: "Custom", imageSrc: "https://images.unsplash.com/photo-1578985545062-69928b1d9587?w=800&h=600" },
|
||||
{ id: "2", name: "Eggless Specials", price: "Custom", imageSrc: "https://images.unsplash.com/photo-1565958011703-44f9883ba168?w=800&h=600" },
|
||||
{ id: "3", name: "Pastries", price: "From $5", imageSrc: "https://images.unsplash.com/photo-1519340333755-56e9c1d1a818?w=800&h=600" },
|
||||
{ id: "4", name: "Savories", price: "From $2", imageSrc: "https://images.unsplash.com/photo-1527477396000-227179048807?w=800&h=600" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
161
src/app/page.tsx
161
src/app/page.tsx
@@ -9,12 +9,12 @@ import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarou
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import { Award, Cake, Phone, Star, Users, MessageCircle } from "lucide-react";
|
||||
import { Award, Cake, MessageCircle } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
const whatsappButton = {
|
||||
position: "fixed", bottom: "20px", right: "20px", zIndex: 999,
|
||||
backgroundColor: "#25D366", color: "white", padding: "15px", borderRadius: "50%", boxShadow: "0 4px 10px rgba(0,0,0,0.3)", cursor: "pointer"
|
||||
position: "fixed", bottom: "20px", right: "20px", zIndex: 999,
|
||||
backgroundColor: "#25D366", color: "white", padding: "15px", borderRadius: "50%", boxShadow: "0 4px 10px rgba(0,0,0,0.3)", cursor: "pointer"
|
||||
} as React.CSSProperties;
|
||||
|
||||
return (
|
||||
@@ -34,88 +34,79 @@ export default function LandingPage() {
|
||||
<a href="https://wa.me/917004502102" target="_blank" style={whatsappButton}>
|
||||
<MessageCircle size={30} />
|
||||
</a>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "Locations & Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Bakers Fresh"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Freshness & Quality in Every Bite"
|
||||
description="Experience the finest artisan cakes and pastries in Ranchi. Handcrafted with passion and premium ingredients."
|
||||
buttons={[{ text: "Order via WhatsApp", href: "https://wa.me/917004502102" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc9hVHT9m71Xuh0IUwJs8yGj4w/professional-close-up-shot-of-a-gourmet--1774777654379-9c05a66e.png", imageAlt: "Artisan Celebration Cake" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc9hVHT9m71Xuh0IUwJs8yGj4w/fresh-strawberry-pastry-on-a-ceramic-pla-1774777655896-15d216ae.png", imageAlt: "Fresh Strawberry Pastry" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We have answers."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you deliver at night?", content: "We deliver until 9 PM across major locations in Ranchi." },
|
||||
{ id: "f2", title: "How to book a custom cake?", content: "You can contact us via WhatsApp or visit our stores 48 hours in advance." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted by Ranchi"
|
||||
names={["Ranchi Times", "The Daily Foodie", "Local Bites"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in touch"
|
||||
title="Need a Custom Cake?"
|
||||
description="Our bakers are ready to turn your dream design into a reality."
|
||||
buttons={[{ text: "Message on WhatsApp", href: "https://wa.me/917004502102" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Bakers Fresh?"
|
||||
description="The secret ingredient is our love for baking."
|
||||
metrics={[
|
||||
{ id: "m1", value: "100%", title: "Freshness", description: "Baked daily.", icon: Award },
|
||||
{ id: "m2", value: "50+", title: "Varieties", description: "Diverse menu.", icon: Cake }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Bakers Fresh", items: [{ label: "About Us", href: "/about" }, { label: "Our Menu", href: "/menu" }] },
|
||||
{ title: "Contact", items: [{ label: "WhatsApp: +91 7004502102", href: "https://wa.me/917004502102" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Bakers Fresh Ranchi"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Menu", id: "/menu" }, { name: "Locations & Contact", id: "/contact" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Freshness & Quality in Every Bite"
|
||||
description="Experience the finest artisan cakes and pastries in Ranchi. Handcrafted with passion and premium ingredients."
|
||||
buttons={[{ text: "Order via WhatsApp", href: "https://wa.me/917004502102" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc9hVHT9m71Xuh0IUwJs8yGj4w/professional-close-up-shot-of-a-gourmet--1774777654379-9c05a66e.png", imageAlt: "Artisan Celebration Cake" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc9hVHT9m71Xuh0IUwJs8yGj4w/fresh-strawberry-pastry-on-a-ceramic-pla-1774777655896-15d216ae.png", imageAlt: "Fresh Strawberry Pastry" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We have answers."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you deliver at night?", content: "We deliver until 9 PM across major locations in Ranchi." },
|
||||
{ id: "f2", title: "How to book a custom cake?", content: "You can contact us via WhatsApp or visit our stores 48 hours in advance." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted by Ranchi"
|
||||
description="Proudly serving the community."
|
||||
names={["Ranchi Times", "The Daily Foodie", "Local Bites"]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in touch"
|
||||
title="Need a Custom Cake?"
|
||||
description="Our bakers are ready to turn your dream design into a reality."
|
||||
buttons={[{ text: "Message on WhatsApp", href: "https://wa.me/917004502102" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Bakers Fresh?"
|
||||
description="The secret ingredient is our love for baking."
|
||||
metrics={[
|
||||
{ id: "m1", value: "100%", title: "Freshness", description: "Baked daily.", icon: Award },
|
||||
{ id: "m2", value: "50+", title: "Varieties", description: "Diverse menu.", icon: Cake }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Bakers Fresh", items: [{ label: "About Us", href: "/about" }, { label: "Our Menu", href: "/menu" }] },
|
||||
{ title: "Contact", items: [{ label: "WhatsApp: +91 7004502102", href: "https://wa.me/917004502102" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Bakers Fresh Ranchi"
|
||||
bottomRightText="Built with passion."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user