Merge version_2 into main #2
395
src/app/page.tsx
395
src/app/page.tsx
@@ -2,14 +2,14 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Users, Leaf, Zap } from "lucide-react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -30,28 +30,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Osmow's"
|
||||
button={{
|
||||
text: "Order Online",
|
||||
href: "https://osmows.com",
|
||||
}}
|
||||
button={{ text: "Order Online", href: "https://osmows.com" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -59,191 +44,38 @@ export default function LandingPage() {
|
||||
<HeroOverlayTestimonial
|
||||
title="Authentic Shawarma, Freshly Served"
|
||||
description="Experience the bold, savory flavors of Osmow's. Locally owned and prepared daily for an unforgettable Mediterranean culinary experience."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah_foodie",
|
||||
testimonial: "The best shawarma in town, hands down!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-enjoying-dessert-while-being-with-her-boyfriend-cafe_637285-9117.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mike R.",
|
||||
handle: "@mike_eats",
|
||||
testimonial: "Always fresh, always fast and tasty.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-group-young-happy-people-enjoying-lunch-while-talking-each-other-dining-table_637285-2880.jpg",
|
||||
},
|
||||
{
|
||||
name: "Linda P.",
|
||||
handle: "@linda_eats",
|
||||
testimonial: "My go-to spot for a quick healthy meal.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-686.jpg",
|
||||
},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "@david_eats",
|
||||
testimonial: "Absolutely love the chicken shawarma bowls.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-cheesecake_1303-3947.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena M.",
|
||||
handle: "@elena_loves",
|
||||
testimonial: "Consistently great taste and friendly service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-courier-blue-uniform-cape-holding-round-delivery-bowl-light-pink-wall_140725-46225.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "https://osmows.com",
|
||||
},
|
||||
]}
|
||||
testimonials={[]}
|
||||
buttons={[{ text: "Order Now", href: "https://osmows.com" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-tasty-shaurma-sliced-pita-sandwich-with-french-fries-ketchup-dark-surface-burger-food-fast-food-meal-grill-bread-snack-toast_140725-156345.jpg"
|
||||
imageAlt="Fresh Osmow's Shawarma Plate"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-taking-photos_23-2149250044.jpg",
|
||||
alt: "Customer portrait 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-friends-hanging-out-together_23-2149143974.jpg",
|
||||
alt: "Customer portrait 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-restaurant_23-2148006698.jpg",
|
||||
alt: "Customer portrait 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/group-happy-friends-having-fun-while-eating-cake-cafe_637285-7896.jpg",
|
||||
alt: "Customer portrait 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/group-happy-friends-brining-food-table-communicating-while-having-lunch-together-home_637285-3138.jpg",
|
||||
alt: "Customer portrait 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 10,000+ happy customers"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Taste the Osmow's Tradition",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/office-workers-collaborating-together_23-2147668764.jpg",
|
||||
alt: "Osmow's Kitchen",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Osmow's",
|
||||
name: "Chicken Shawarma Platter",
|
||||
price: "$15.99",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-yummy-shaurma-sliced-chicken-sandwich-with-lemon-greens-dark-space_140725-95462.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Osmow's",
|
||||
name: "Beef Shawarma Wrap",
|
||||
price: "$12.49",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-shaurma-meat-sandwich-with-lemonnd-greens-black_140725-104397.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Osmow's",
|
||||
name: "Falafel Bowl",
|
||||
price: "$13.99",
|
||||
rating: 5,
|
||||
reviewCount: "90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-fried-chicken-pieces-with-lemon-french-fries-salad-wood-plate_176474-3074.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Osmow's",
|
||||
name: "Mixed Shawarma Plate",
|
||||
price: "$16.99",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-sliced-shaurma-meat-sandwich-with-lemon-greens-dark-background-burger-sandwich-ripe-snack-bread_140725-96726.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Osmow's",
|
||||
name: "Vegetarian Wrap",
|
||||
price: "$11.99",
|
||||
rating: 4,
|
||||
reviewCount: "60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-fruit-salad-plate-with-mixed-vegetables-white-cheese_114579-2284.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Osmow's",
|
||||
name: "Chicken Rice Bowl",
|
||||
price: "$14.49",
|
||||
rating: 5,
|
||||
reviewCount: "110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tortilla-wrap-with-falafel-fresh-salad-vegan-tacos-vegetarian-healthy-food_2829-14400.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Menu Favorites"
|
||||
description="Choose from our signature plates, wraps, and fresh bowls."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
<AboutMetric
|
||||
title="Our Commitment to Quality"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Fresh Produce",
|
||||
description: "Sourced daily for the best taste.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-vegetable-decoration-with-slate_23-2147681615.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24h",
|
||||
title: "Marinated Daily",
|
||||
description: "Authentic Mediterranean spice blend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-female-chef-holding-bowl-with-ingredients_23-2148491259.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "10k+",
|
||||
title: "Happy Diners",
|
||||
description: "Serving the local community with pride.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-vegetables-blue-background_23-2148211196.jpg",
|
||||
},
|
||||
{ icon: Leaf, label: "Fresh Ingredients", value: "100%" },
|
||||
{ icon: Users, label: "Happy Customers", value: "10k+" },
|
||||
{ icon: Zap, label: "Daily Marinated", value: "24h" }
|
||||
]}
|
||||
title="Freshness Guaranteed"
|
||||
description="Our commitment to quality ingredients every day."
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
title="Why Osmow's Stands Out"
|
||||
description="We pride ourselves on authentic recipes and fresh preparation."
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
features={[
|
||||
{ title: "Traditional Recipes", description: "Authentic Mediterranean flavor profiles.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-yummy-shaurma-sliced-chicken-sandwich-with-lemon-greens-dark-space_140725-95462.jpg" },
|
||||
{ title: "Locally Owned", description: "Committed to serving our community.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-shaurma-meat-sandwich-with-lemonnd-greens-black_140725-104397.jpg" },
|
||||
{ title: "Freshly Prepared", description: "High quality ingredients every single day.", imageSrc: "http://img.b2bpic.net/free-photo/tortilla-wrap-with-falafel-fresh-salad-vegan-tacos-vegetarian-healthy-food_2829-14400.jpg" }
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -251,173 +83,48 @@ export default function LandingPage() {
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Regular Customer",
|
||||
company: "Local Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-lunch-together-restaurant_23-2150520109.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mike R.",
|
||||
role: "Foodie",
|
||||
company: "Local Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interracial-group-three-friends-dining-restaurant-spending-good-time-together_273609-8988.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Linda P.",
|
||||
role: "Student",
|
||||
company: "University",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-indoor-portrait-young-trendy-hipster-blonde-woman-posing-modern-hipster-cafe-morning-breakfast-time_291049-1628.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David W.",
|
||||
role: "Business Owner",
|
||||
company: "Downtown",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-african-american-woman-black-cap-chilling-cozy-cafe_627829-5870.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena M.",
|
||||
role: "Visitor",
|
||||
company: "Traveling",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-eating-restaurant_23-2148395386.jpg",
|
||||
},
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
testimonials={[]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.8",
|
||||
label: "Google Rating",
|
||||
},
|
||||
{
|
||||
value: "281+",
|
||||
label: "Customer Reviews",
|
||||
},
|
||||
{
|
||||
value: "100+",
|
||||
label: "Happy Neighbors",
|
||||
},
|
||||
{ value: "4.8", label: "Google Rating" },
|
||||
{ value: "281+", label: "Customer Reviews" },
|
||||
{ value: "100+", label: "Happy Neighbors" },
|
||||
]}
|
||||
title="What Our Community Says"
|
||||
description="Hear from our satisfied diners about their experiences."
|
||||
title="Community Love"
|
||||
description="Hear from our diners."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer catering?",
|
||||
content: "Yes, we offer catering for all types of events. Contact us at (902) 869-1111.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you have vegan options?",
|
||||
content: "Absolutely! Try our delicious falafel plates and salads.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What are your opening hours?",
|
||||
content: "We open at 10 AM daily. Please check our Google Maps for exact closing times.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Have questions about our menu or catering?"
|
||||
useInvertedBackground={true}
|
||||
faqs={[]}
|
||||
title="Questions?"
|
||||
description="Need help?"
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chalkboard-rectangle-sign-cafe_53876-121724.jpg?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
useInvertedBackground={false}
|
||||
title="Get In Touch"
|
||||
description="Have feedback or a catering request? Let us know."
|
||||
description="Reach out to us."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chalkboard-rectangle-sign-cafe_53876-121724.jpg?_wi=2"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Osmow's Lower Sackville",
|
||||
items: [
|
||||
{
|
||||
label: "601 Sackville Dr Unit 1",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Lower Sackville, NS",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "(902) 869-1111",
|
||||
href: "tel:+19028691111",
|
||||
},
|
||||
{
|
||||
label: "osmows.com",
|
||||
href: "https://osmows.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Osmow's Shawarma"
|
||||
bottomRightText="Built with love for fresh food."
|
||||
columns={[]}
|
||||
bottomLeftText="© 2024 Osmow's"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user