bender/263c02da-be3e-4f01-8143-92d4fdfe4734
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-03-31 09:04:14 +00:00
parent 9517c982db 3d4f4cb8c8
commit ec9565e0e4
2 changed files with 52 additions and 181 deletions
Download Patch File Download Diff File Expand all files Collapse all files

219
src/app/page.tsx
View File

@@ -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>

14
src/app/styles/variables.css
View File

@@ -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);