Compare commits
20 Commits
version_3
...
version_14
| Author | SHA1 | Date | |
|---|---|---|---|
| 40b8e5a04e | |||
| 53abc18808 | |||
| 2d8a6a9656 | |||
| 266cc581fc | |||
| 0e556c1b61 | |||
| 861507172e | |||
| d4926c45b1 | |||
| b55e734aab | |||
| 9e678b2378 | |||
| afd9f1148d | |||
| 871896076a | |||
| 9af2f6c188 | |||
| 9820242c90 | |||
| 5a623f5d81 | |||
| dbefe37e5e | |||
| 16e16a1f8d | |||
| 7c403ce5fe | |||
| d692f50014 | |||
| cde3146604 | |||
| f6e9a55616 |
282
src/app/page.tsx
282
src/app/page.tsx
@@ -20,155 +20,165 @@ 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"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<div style={{
|
||||||
<div id="nav" data-section="nav">
|
backgroundImage: 'url("https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DI1e2k6EYhFwH9l7rLjtoP3nQ0/uploaded-1778477276470-amtvc9ix.jpg")',
|
||||||
<NavbarStyleFullscreen
|
backgroundSize: 'cover',
|
||||||
navItems={[
|
backgroundPosition: 'center',
|
||||||
{ name: "Menu", id: "menu" },
|
backgroundAttachment: 'fixed',
|
||||||
{ name: "About", id: "about" },
|
minHeight: '100vh',
|
||||||
{ name: "Reviews", id: "testimonials" },
|
width: '100%'
|
||||||
{ name: "Contact", id: "contact" },
|
}}>
|
||||||
]}
|
<div style={{ backgroundColor: 'rgba(255, 255, 255, 0.85)', minHeight: '100vh' }}>
|
||||||
brandName="Kabob Place"
|
<ReactLenis root>
|
||||||
bottomRightText="hello@kabobplace.com"
|
<div id="nav" data-section="nav">
|
||||||
/>
|
<NavbarStyleFullscreen
|
||||||
</div>
|
navItems={[
|
||||||
|
{ name: "Menu", id: "menu" },
|
||||||
|
{ name: "About", id: "about" },
|
||||||
|
{ name: "Reviews", id: "testimonials" },
|
||||||
|
{ name: "Contact", id: "contact" },
|
||||||
|
]}
|
||||||
|
brandName="Kabob Place"
|
||||||
|
bottomRightText="hello@kabobplace.com"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroOverlay
|
<HeroOverlay
|
||||||
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/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/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/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/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"
|
/>
|
||||||
/>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<TextAbout
|
<TextAbout
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Fresh, Authentic & Welcoming"
|
title="Fresh, Authentic & Welcoming"
|
||||||
tag="Our Story"
|
tag="Our Story"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="menu" data-section="menu">
|
<div id="menu" data-section="menu">
|
||||||
<ProductCardTwo
|
<ProductCardTwo
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
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, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/minced-lula-kebab-grilled-turkey-chicken-with-fresh-vegetables-top-view_2829-19957.jpg" },
|
||||||
{ 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" },
|
{ 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" },
|
||||||
{ 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: "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: "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: "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" },
|
{ 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."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="metrics" data-section="metrics">
|
<div id="metrics" data-section="metrics">
|
||||||
<MetricCardTwo
|
<MetricCardTwo
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
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: "m2", value: "17+", description: "Happy Reviews" },
|
||||||
{ id: "m3", value: "Fresh", description: "Ingredients Daily" },
|
{ 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."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardFifteen
|
<TestimonialCardFifteen
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonial="The food was well seasoned, fresh and delicious. The portions were generous. We ordered a variety of dishes and they were all tasty. The waiter and owner were kind and prompt with the service!"
|
testimonial="The food was well seasoned, fresh and delicious. The portions were generous. We ordered a variety of dishes and they were all tasty. The waiter and owner were kind and prompt with the service!"
|
||||||
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/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/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/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/young-adult-enjoying-food_23-2149303536.jpg", alt: "Young adult enjoying food" },
|
||||||
]}
|
]}
|
||||||
ratingAnimation="slide-up"
|
ratingAnimation="slide-up"
|
||||||
avatarsAnimation="blur-reveal"
|
avatarsAnimation="blur-reveal"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="faq" data-section="faq">
|
<div id="faq" data-section="faq">
|
||||||
<FaqDouble
|
<FaqDouble
|
||||||
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: "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: "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."
|
||||||
faqsAnimation="blur-reveal"
|
faqsAnimation="blur-reveal"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCenter
|
<ContactCenter
|
||||||
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."
|
||||||
background={{ variant: "plain" }}
|
background={{ variant: "plain" }}
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterMedia
|
<FooterMedia
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-hummus-plate-still-life_23-2149595658.jpg?_wi=2"
|
logoText="Kabob Place"
|
||||||
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: "About", href: "#about" },
|
||||||
{ label: "Reviews", href: "#testimonials" },
|
{ label: "Reviews", href: "#testimonials" },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Location", items: [
|
title: "Location", items: [
|
||||||
{ label: "3821 Crowell Rd, Turlock", href: "#" },
|
{ label: "3821 Crowell Rd, Turlock, CA 95382", href: "#" },
|
||||||
{ label: "(209) 416-0403", href: "tel:2094160403" },
|
{ label: "(209) 416-0403", href: "tel:2094160403" },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -10,15 +10,15 @@
|
|||||||
--accent: #ffffff;
|
--accent: #ffffff;
|
||||||
--background-accent: #ffffff; */
|
--background-accent: #ffffff; */
|
||||||
|
|
||||||
--background: #f6f0e9;
|
--background: #f5f5f5;
|
||||||
--card: #efe7dd;
|
--card: #ffffff;
|
||||||
--foreground: #2b180a;
|
--foreground: #1c1c1c;
|
||||||
--primary-cta: #2b180a;
|
--primary-cta: #341f51;
|
||||||
--primary-cta-text: #f6f0e9;
|
--primary-cta-text: #f5f5f5;
|
||||||
--secondary-cta: #efe7dd;
|
--secondary-cta: #ffffff;
|
||||||
--secondary-cta-text: #2b180a;
|
--secondary-cta-text: #1c1c1c;
|
||||||
--accent: #94877c;
|
--accent: #6139e6;
|
||||||
--background-accent: #afa094;
|
--background-accent: #b3a8e8;
|
||||||
|
|
||||||
/* 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);
|
||||||
|
|||||||
Reference in New Issue
Block a user