Merge version_2 into main #2
219
src/app/page.tsx
219
src/app/page.tsx
@@ -10,7 +10,7 @@ import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Award, Phone } from "lucide-react";
|
||||
import { Award, Phone, Sparkles } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,46 +30,26 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Our Heritage",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Our Story", id: "about" },
|
||||
{ name: "Menu", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Al Iman Bakery"
|
||||
brandName="Sada Jo"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
logoText="Al Iman Bakery"
|
||||
description="Serving quality Arabic bread and traditional sweets since generations. A family staple, baked fresh daily with love."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
logoText="Sada Jo"
|
||||
description="Experience the perfect harmony of clean, calm vibes and authentic, Instagram-worthy flavors. Every dish is a testament to our passion for excellence."
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Products",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "View Our Food", href: "#features" },
|
||||
{ text: "Book a Table", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-working-bakery_23-2150273148.jpg"
|
||||
imageAlt="Freshly baked artisan bread"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gourmet-plate-with-artistic-presentation_23-2149176214.jpg"
|
||||
imageAlt="Our signature plate"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -77,13 +57,14 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Our Story"
|
||||
title="A Legacy of Quality"
|
||||
description="For years, Al Iman Bakery has been at the heart of our community. We pride ourselves on the consistency and authentic taste of our signature Arabic bread."
|
||||
subdescription="We hear our customers and are committed to maintaining the high standards of cleanliness and service you expect from a family staple."
|
||||
tag="Our Atmosphere"
|
||||
tagIcon={Sparkles}
|
||||
title="Clean, Calm & Welcoming"
|
||||
description="At Sada Jo, we believe that great food deserves an equally inspiring environment. Our space is designed to offer a peaceful escape where you can fully savor every bite."
|
||||
subdescription="Our customers consistently praise our serene atmosphere and the attention to detail we pour into both our service and our plating."
|
||||
icon={Award}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-fresh-bread-with-eggs-milk-dark-blue-breakfast-cake-pie-tea-sugar-bun-biscuit-dough-bake_179666-43991.jpg?_wi=1"
|
||||
imageAlt="Traditional baking craft"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/minimalist-cozy-cafe-interior_23-2149097782.jpg"
|
||||
imageAlt="Interior of Sada Jo"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -95,31 +76,16 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
tag: "Fresh",
|
||||
title: "Artisan Arabic Bread",
|
||||
subtitle: "Baked daily",
|
||||
description: "Our signature staple, baked in traditional ovens for that perfect texture.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-bread-with-eggs-milk-dark-blue-breakfast-cake-pie-tea-sugar-bun-biscuit-dough-bake_179666-43991.jpg?_wi=2",
|
||||
},
|
||||
tag: "Delicious", title: "Instagram-Worthy Plates", subtitle: "Artful presentation", description: "We don't just cook food; we create visual masterpieces that taste as incredible as they look.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-gourmet-plating_23-2149176315.jpg"},
|
||||
{
|
||||
id: 2,
|
||||
tag: "Sweet",
|
||||
title: "Traditional Sweets",
|
||||
subtitle: "Handcrafted",
|
||||
description: "A wide variety of authentic middle eastern pastries and sweets.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/turkish-delight-with-ice-cream-table_140725-10027.jpg",
|
||||
},
|
||||
tag: "Excellent", title: "Service Excellence", subtitle: "Focused on you", description: "Our staff is dedicated to ensuring your experience is seamless, friendly, and truly memorable.", imageSrc: "http://img.b2bpic.net/free-photo/waiter-serving-dishes-modern-restaurant_23-2149176228.jpg"},
|
||||
{
|
||||
id: 3,
|
||||
tag: "Quality",
|
||||
title: "Commitment to Standards",
|
||||
subtitle: "Always Fresh",
|
||||
description: "We are actively improving our hygiene and service to ensure the best experience for you.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-baker-dusted-wooden-table-with-wheat-flour_23-2147926675.jpg",
|
||||
},
|
||||
tag: "Fresh", title: "Premium Ingredients", subtitle: "Quality sourced", description: "Every meal begins with the finest seasonal ingredients, handled with care to preserve their natural flavor.", imageSrc: "http://img.b2bpic.net/free-photo/fresh-ingredients-wooden-table_23-2149176235.jpg"},
|
||||
]}
|
||||
title="What We Offer"
|
||||
description="Discover our signature range of baked goods."
|
||||
title="What Makes Us Special"
|
||||
description="Discover why Sada Jo has become a local favorite."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -129,63 +95,17 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Zaid Saadallah",
|
||||
role: "Regular Customer",
|
||||
company: "Local Resident",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-female-baker-holding-basket-baked-croissant-bakery-shop_23-2148189109.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Miller",
|
||||
role: "Food Blogger",
|
||||
company: "Culinary Corner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-baker-with-fresh-bread-baker-house_1303-32281.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Ahmed Ibrahim",
|
||||
role: "Community Member",
|
||||
company: "Local Business",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-enjoying-coffee-cup_23-2148756348.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Layla Khan",
|
||||
role: "Loyal Patron",
|
||||
company: "Neighborhood Fam",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-bakery_23-2150273190.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Omar Fakhri",
|
||||
role: "Long-time Patron",
|
||||
company: "Local Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-female-baker-holding-basket-baked-croissant-bakery-shop_23-2148189109.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Elena V.", role: "Food Critic", company: "City Bites", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-customer-at-table_23-2149176289.jpg" },
|
||||
{ id: "2", name: "Marcus T.", role: "Regular Guest", company: "Local Business", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-diner-laughing_23-2149176295.jpg" },
|
||||
{ id: "3", name: "Sarah J.", role: "Food Influencer", company: "Influencer Daily", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photo-of-food_23-2149176310.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.2",
|
||||
label: "Average Rating",
|
||||
},
|
||||
{
|
||||
value: "1.9k+",
|
||||
label: "Happy Customers",
|
||||
},
|
||||
{
|
||||
value: "Generations",
|
||||
label: "Of Trust",
|
||||
},
|
||||
{ value: "5.0", label: "Average Rating" },
|
||||
{ value: "2k+", label: "Happy Guests" },
|
||||
{ value: "100%", label: "Freshly Prepared" },
|
||||
]}
|
||||
title="Customer Feedback"
|
||||
description="Your voice helps us improve."
|
||||
title="Voices of Sada Jo"
|
||||
description="What our wonderful community says about us."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -193,24 +113,12 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do you ensure food safety?",
|
||||
content: "We have implemented stricter hygiene protocols, including improved shelf organization and regular staff training.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "When is the best time to visit?",
|
||||
content: "Our bakery is busiest in the mornings; consider afternoon visits for quicker service and easier parking.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I place bulk orders?",
|
||||
content: "Yes, please call us at least 24 hours in advance to schedule your bulk pastry or bread orders.",
|
||||
},
|
||||
{ id: "1", title: "Do I need a reservation?", content: "While walk-ins are always welcome, we recommend reservations for evening dining to ensure you get a spot in our calm, quiet space." },
|
||||
{ id: "2", title: "Is your menu seasonal?", content: "Yes, we rotate our menu to highlight the freshest ingredients available, ensuring the best quality throughout the year." },
|
||||
{ id: "3", title: "Can you accommodate dietary needs?", content: "Our team is happy to discuss options for common dietary restrictions. Please let us know when booking or arrival." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="We're here to address your concerns and serve you better."
|
||||
sideDescription="Everything you need to know about your next visit to Sada Jo."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -220,23 +128,12 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Location",
|
||||
content: "Visit us at our long-standing bakery on Main Street.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Business Hours",
|
||||
content: "Open Daily from 7:00 AM to 9:00 PM.",
|
||||
},
|
||||
{ id: "1", title: "Location", content: "Found in the heart of the city's culinary district." },
|
||||
{ id: "2", title: "Hours", content: "Open Tuesday-Sunday, 11 AM - 10 PM." },
|
||||
]}
|
||||
ctaTitle="We'd Love to Hear From You"
|
||||
ctaDescription="Have questions or feedback? Drop us a line."
|
||||
ctaButton={{
|
||||
text: "Call Us",
|
||||
href: "tel:+1234567890",
|
||||
}}
|
||||
ctaTitle="Connect with Sada Jo"
|
||||
ctaDescription="Ready for an unforgettable dining experience? Get in touch."
|
||||
ctaButton={{ text: "Contact Our Team", href: "#contact" }}
|
||||
ctaIcon={Phone}
|
||||
/>
|
||||
</div>
|
||||
@@ -244,36 +141,10 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Products",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Home", href: "#" }, { label: "Our Story", href: "#about" }, { label: "Menu", href: "#features" }] },
|
||||
{ items: [{ label: "Reservations", href: "#contact" }, { label: "Privacy", href: "#" }] },
|
||||
]}
|
||||
logoText="Al Iman Bakery"
|
||||
logoText="Sada Jo"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f4ef;
|
||||
--card: #dad6cd;
|
||||
--foreground: #2a2928;
|
||||
--primary-cta: #2a2928;
|
||||
--background: #fbfbfb;
|
||||
--card: #f2f2f2;
|
||||
--foreground: #1a1a1a;
|
||||
--primary-cta: #1c1c1c;
|
||||
--primary-cta-text: #f5f4ef;
|
||||
--secondary-cta: #ecebea;
|
||||
--secondary-cta: #e5e5e5;
|
||||
--secondary-cta-text: #2a2928;
|
||||
--accent: #ffffff;
|
||||
--background-accent: #c6b180;
|
||||
--accent: #c8c8c8;
|
||||
--background-accent: #f2f2f2;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user