22 Commits

Author SHA1 Message Date
53abc18808 Update theme colors 2026-05-11 05:29:55 +00:00
2d8a6a9656 Update theme colors 2026-05-11 05:29:50 +00:00
266cc581fc Update src/app/page.tsx 2026-05-11 05:28:12 +00:00
0e556c1b61 Merge version_10 into main
Merge version_10 into main
2026-05-11 05:23:33 +00:00
861507172e Update src/app/page.tsx 2026-05-11 05:23:30 +00:00
d4926c45b1 Merge version_9 into main
Merge version_9 into main
2026-05-11 05:22:11 +00:00
b55e734aab Update src/app/page.tsx 2026-05-11 05:22:05 +00:00
9e678b2378 Merge version_9 into main
Merge version_9 into main
2026-05-11 05:21:38 +00:00
afd9f1148d Update src/app/page.tsx 2026-05-11 05:21:35 +00:00
871896076a Merge version_8 into main
Merge version_8 into main
2026-05-11 05:19:32 +00:00
9af2f6c188 Update src/app/page.tsx 2026-05-11 05:19:29 +00:00
9820242c90 Merge version_6 into main
Merge version_6 into main
2026-05-11 05:16:27 +00:00
5a623f5d81 Update src/app/page.tsx 2026-05-11 05:16:21 +00:00
dbefe37e5e Merge version_5 into main
Merge version_5 into main
2026-05-11 05:13:30 +00:00
16e16a1f8d Update src/app/page.tsx 2026-05-11 05:13:27 +00:00
7c403ce5fe Merge version_4 into main
Merge version_4 into main
2026-05-11 05:09:18 +00:00
d692f50014 Update src/app/page.tsx 2026-05-11 05:09:12 +00:00
cde3146604 Merge version_3 into main
Merge version_3 into main
2026-05-11 05:06:43 +00:00
e19da511cf Update src/app/page.tsx 2026-05-11 05:06:40 +00:00
f6e9a55616 Merge version_3 into main
Merge version_3 into main
2026-05-11 05:06:20 +00:00
56db084fbe Update src/app/page.tsx 2026-05-11 05:06:16 +00:00
9b2c86331a Merge version_2 into main
Merge version_2 into main
2026-05-11 04:58:25 +00:00
2 changed files with 158 additions and 189 deletions

View File

@@ -2,12 +2,12 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit'; import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqDouble from '@/components/sections/faq/FaqDouble'; import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterBase from '@/components/sections/footer/FooterBase'; import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroOverlay from '@/components/sections/hero/HeroOverlay'; import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo'; import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo'; import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen'; import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import TextAbout from '@/components/sections/about/TextAbout'; import TextAbout from '@/components/sections/about/TextAbout';
@@ -20,26 +20,32 @@ export default function LandingPage() {
borderRadius="pill" borderRadius="pill"
contentWidth="mediumLarge" contentWidth="mediumLarge"
sizing="largeSmallSizeMediumTitles" sizing="largeSmallSizeMediumTitles"
background="floatingGradient" background="none"
cardStyle="solid" cardStyle="solid"
primaryButtonStyle="diagonal-gradient" primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="radial-glow" secondaryButtonStyle="radial-glow"
headingFontWeight="medium" headingFontWeight="medium"
> >
<div style={{
backgroundImage: 'url("https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DI1e2k6EYhFwH9l7rLjtoP3nQ0/uploaded-1778477276470-amtvc9ix.jpg")',
backgroundSize: 'cover',
backgroundPosition: 'center',
backgroundAttachment: 'fixed',
minHeight: '100vh',
width: '100%'
}}>
<div style={{ backgroundColor: 'rgba(255, 255, 255, 0.85)', minHeight: '100vh' }}>
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleCentered <NavbarStyleFullscreen
navItems={[ navItems={[
{ { name: "Menu", id: "menu" },
name: "Menu", id: "menu"}, { name: "About", id: "about" },
{ { name: "Reviews", id: "testimonials" },
name: "About", id: "about"}, { name: "Contact", id: "contact" },
{
name: "Reviews", id: "testimonials"},
{
name: "Contact", id: "contact"},
]} ]}
brandName="Kabob Place" brandName="Kabob Place"
bottomRightText="hello@kabobplace.com"
/> />
</div> </div>
@@ -48,24 +54,16 @@ export default function LandingPage() {
title="Authentic Mediterranean Grill in Turlock" title="Authentic Mediterranean Grill in Turlock"
description="Experience fresh, well-seasoned kabobs and traditional Mediterranean flavors. Join us for a delightful dining experience today." description="Experience fresh, well-seasoned kabobs and traditional Mediterranean flavors. Join us for a delightful dining experience today."
buttons={[ buttons={[
{ { text: "Order Online", href: "#menu" },
text: "Order Online", href: "#menu"}, { text: "Call Now", href: "tel:2094160403" },
{
text: "Call Now", href: "tel:2094160403"},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-hummus-plate-still-life_23-2149595651.jpg"
showBlur={true} showBlur={true}
avatars={[ avatars={[
{ { src: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269176.jpg", alt: "Couple enjoying food in restaurant" },
src: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269176.jpg", alt: "Couple enjoying food in restaurant"}, { src: "http://img.b2bpic.net/free-photo/horizontal-view-attractive-teenage-girl-has-positive-smile-face_273609-28724.jpg", alt: "Attractive teenage girl smiling" },
{ { src: "http://img.b2bpic.net/free-photo/portrait-handsome-asian-man-friends-reunion_23-2149244687.jpg", alt: "Handsome asian man at a friends reunion" },
src: "http://img.b2bpic.net/free-photo/horizontal-view-attractive-teenage-girl-has-positive-smile-face_273609-28724.jpg", alt: "Attractive teenage girl smiling"}, { src: "http://img.b2bpic.net/free-photo/side-view-friends-enjoying-dinner-party_52683-132626.jpg", alt: "Friends enjoying a dinner party" },
{ { src: "http://img.b2bpic.net/free-photo/friends-enjoying-lunch-restaurant_329181-11901.jpg", alt: "Friends enjoying a lunch in a restaurant" },
src: "http://img.b2bpic.net/free-photo/portrait-handsome-asian-man-friends-reunion_23-2149244687.jpg", alt: "Handsome asian man at a friends reunion"},
{
src: "http://img.b2bpic.net/free-photo/side-view-friends-enjoying-dinner-party_52683-132626.jpg", alt: "Friends enjoying a dinner party"},
{
src: "http://img.b2bpic.net/free-photo/friends-enjoying-lunch-restaurant_329181-11901.jpg", alt: "Friends enjoying a lunch in a restaurant"},
]} ]}
avatarText="Join 500+ happy diners" avatarText="Join 500+ happy diners"
/> />
@@ -86,24 +84,12 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
useInvertedBackground={true} useInvertedBackground={true}
products={[ products={[
{ { id: "1", brand: "Kabob Place", name: "Chicken Plate", price: "$18.50", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/minced-lula-kebab-grilled-turkey-chicken-with-fresh-vegetables-top-view_2829-19957.jpg" },
id: "1", brand: "Kabob Place", name: "Chicken Plate", price: "$18.50", rating: 5, { id: "2", brand: "Kabob Place", name: "Mixed Sampler", price: "$24.00", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/kebab-set-table_140725-9838.jpg" },
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/minced-lula-kebab-grilled-turkey-chicken-with-fresh-vegetables-top-view_2829-19957.jpg"}, { id: "3", brand: "Kabob Place", name: "Hummus Dip", price: "$8.00", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hummus-plate-still-life_23-2149595658.jpg?_wi=1" },
{ { id: "4", brand: "Kabob Place", name: "Veggie Skewers", price: "$15.00", rating: 4, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/grilled-meat-with-rice-pepper-tomato-side-view_140725-11269.jpg" },
id: "2", brand: "Kabob Place", name: "Mixed Sampler", price: "$24.00", rating: 5, { id: "5", brand: "Kabob Place", name: "Kebab Platter", price: "$20.00", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-different-homemade-dishes-table_181624-45938.jpg" },
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/kebab-set-table_140725-9838.jpg"}, { id: "6", brand: "Kabob Place", name: "Side Salad", price: "$6.50", rating: 5, reviewCount: "7", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-vegetable-salad-with-salt-plaid-cloth_141793-10792.jpg" },
{
id: "3", brand: "Kabob Place", name: "Hummus Dip", price: "$8.00", rating: 5,
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hummus-plate-still-life_23-2149595658.jpg"},
{
id: "4", brand: "Kabob Place", name: "Veggie Skewers", price: "$15.00", rating: 4,
reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/grilled-meat-with-rice-pepper-tomato-side-view_140725-11269.jpg"},
{
id: "5", brand: "Kabob Place", name: "Kebab Platter", price: "$20.00", rating: 5,
reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-different-homemade-dishes-table_181624-45938.jpg"},
{
id: "6", brand: "Kabob Place", name: "Side Salad", price: "$6.50", rating: 5,
reviewCount: "7", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-vegetable-salad-with-salt-plaid-cloth_141793-10792.jpg"},
]} ]}
title="Our Signature Dishes" title="Our Signature Dishes"
description="Discover our most loved Mediterranean specialties, prepared fresh daily." description="Discover our most loved Mediterranean specialties, prepared fresh daily."
@@ -117,12 +103,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ { id: "m1", value: "5.0", description: "Average Rating" },
id: "m1", value: "5.0", description: "Average Rating"}, { id: "m2", value: "17+", description: "Happy Reviews" },
{ { id: "m3", value: "Fresh", description: "Ingredients Daily" },
id: "m2", value: "17+", description: "Happy Reviews"},
{
id: "m3", value: "Fresh", description: "Ingredients Daily"},
]} ]}
title="Why Choose Us?" title="Why Choose Us?"
description="Delivering quality and flavor to Turlock." description="Delivering quality and flavor to Turlock."
@@ -136,16 +119,11 @@ export default function LandingPage() {
rating={5} rating={5}
author="Julie Azevedo" author="Julie Azevedo"
avatars={[ avatars={[
{ { src: "http://img.b2bpic.net/free-photo/friends-eating-pizza-side-view_23-2149872410.jpg", alt: "Happy customer" },
src: "http://img.b2bpic.net/free-photo/friends-eating-pizza-side-view_23-2149872410.jpg", alt: "Happy customer"}, { src: "http://img.b2bpic.net/free-photo/middle-age-senior-woman-wearing-apron-uniform-red-isolated-background-doing-happy-thumbs-up-gesture-with-hand-approving-expression-looking-camera-showing-success_839833-32756.jpg", alt: "Smiling restaurant guest" },
{ { src: "http://img.b2bpic.net/free-photo/medium-shot-lesbian-couple-restaurant_23-2150276444.jpg", alt: "Satisfied customer" },
src: "http://img.b2bpic.net/free-photo/middle-age-senior-woman-wearing-apron-uniform-red-isolated-background-doing-happy-thumbs-up-gesture-with-hand-approving-expression-looking-camera-showing-success_839833-32756.jpg", alt: "Smiling restaurant guest"}, { src: "http://img.b2bpic.net/free-photo/he-is-satisfied-from-his-life_329181-2789.jpg", alt: "Happy diner" },
{ { src: "http://img.b2bpic.net/free-photo/young-adult-enjoying-food_23-2149303536.jpg", alt: "Young adult enjoying food" },
src: "http://img.b2bpic.net/free-photo/medium-shot-lesbian-couple-restaurant_23-2150276444.jpg", alt: "Satisfied customer"},
{
src: "http://img.b2bpic.net/free-photo/he-is-satisfied-from-his-life_329181-2789.jpg", alt: "Happy diner"},
{
src: "http://img.b2bpic.net/free-photo/young-adult-enjoying-food_23-2149303536.jpg", alt: "Young adult enjoying food"},
]} ]}
ratingAnimation="slide-up" ratingAnimation="slide-up"
avatarsAnimation="blur-reveal" avatarsAnimation="blur-reveal"
@@ -157,12 +135,9 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ { id: "1", title: "Do you offer delivery?", content: "Currently, we offer dine-in and curbside pickup options." },
id: "1", title: "Do you offer delivery?", content: "Currently, we offer dine-in and curbside pickup options."}, { id: "2", title: "What are your hours?", content: "We open at 11:30 AM every Tuesday. Please call us for full weekly schedule." },
{ { id: "3", title: "Where are you located?", content: "We are located at 3821 Crowell Rd, Turlock, CA 95382." },
id: "2", title: "What are your hours?", content: "We open at 11:30 AM every Tuesday. Please call us for full weekly schedule."},
{
id: "3", title: "Where are you located?", content: "We are located at 3821 Crowell Rd, Turlock, CA 95382."},
]} ]}
title="Frequently Asked Questions" title="Frequently Asked Questions"
description="Everything you need to know about our restaurant." description="Everything you need to know about our restaurant."
@@ -171,45 +146,39 @@ export default function LandingPage() {
</div> </div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplit <ContactCenter
useInvertedBackground={true}
background={{
variant: "plain"}}
tag="Visit Us" tag="Visit Us"
title="Get In Touch" title="Get In Touch"
description="Stop by Kabob Place for an authentic taste of the Mediterranean. Call us for reservations or inquiries." description="Stop by Kabob Place for an authentic taste of the Mediterranean. Call us for reservations or inquiries."
imageSrc="http://img.b2bpic.net/free-photo/front-view-woman-restaurant_23-2150491833.jpg" background={{ variant: "plain" }}
mediaAnimation="slide-up" useInvertedBackground={true}
mediaPosition="right"
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBase <FooterMedia
logoText="Kabob Place"
videoSrc="https://videos.pexels.com/video-files/4055273/4055273-sd_506_960_24fps.mp4"
columns={[ columns={[
{ {
title: "Navigation", items: [ title: "Navigation", items: [
{ { label: "Menu", href: "#menu" },
label: "Menu", href: "#menu"}, { label: "About", href: "#about" },
{ { label: "Reviews", href: "#testimonials" },
label: "About", href: "#about"},
{
label: "Reviews", href: "#testimonials"},
], ],
}, },
{ {
title: "Location", items: [ title: "Location", items: [
{ { label: "3821 Crowell Rd, Turlock, CA 95382", href: "#" },
label: "3821 Crowell Rd, Turlock", href: "#"}, { label: "(209) 416-0403", href: "tel:2094160403" },
{
label: "(209) 416-0403", href: "tel:2094160403"},
], ],
}, },
]} ]}
logoText="Kabob Place"
/> />
</div> </div>
</ReactLenis> </ReactLenis>
</div>
</div>
</ThemeProvider> </ThemeProvider>
); );
} }

View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #f6f0e9; --background: #fcf6ec;
--card: #efe7dd; --card: #f3ede2;
--foreground: #2b180a; --foreground: #2e2521;
--primary-cta: #2b180a; --primary-cta: #2e2521;
--primary-cta-text: #f6f0e9; --primary-cta-text: #fcf6ec;
--secondary-cta: #efe7dd; --secondary-cta: #ffffff;
--secondary-cta-text: #2b180a; --secondary-cta-text: #2e2521;
--accent: #94877c; --accent: #b2a28b;
--background-accent: #afa094; --background-accent: #b2a28b;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);