Merge version_4 into main #3
146
src/app/page.tsx
146
src/app/page.tsx
@@ -4,14 +4,14 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||||
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import { Flame, ChefHat, Sparkles, Calendar, Utensils, Star } from 'lucide-react';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||||
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import { Flame, ChefHat, Sparkles, Utensils, Star, Users, MessageSquare, HelpCircle } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -19,13 +19,13 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="large"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLarge"
|
||||
background="floatingGradient"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="medium"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
@@ -36,9 +36,7 @@ export default function LandingPage() {
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "Order Online", href: "#"
|
||||
}}
|
||||
button={{ text: "Order Online", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -49,146 +47,112 @@ export default function LandingPage() {
|
||||
tag="Est. 2024"
|
||||
tagIcon={Flame}
|
||||
background={{ variant: "plain" }}
|
||||
buttons={[
|
||||
{ text: "View Menu", href: "#cuts" },
|
||||
{ text: "Get Directions", href: "#contact" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
buttons={[{ text: "View Menu", href: "#cuts" }, { text: "Get Directions", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/asian-gua-bao-with-grilled-chicken-teriyaki-sauce-red-backdrop_23-2148123697.jpg", imageAlt: "Freshly prepared street tacos" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-lavash-sandwich-rolls-sliced-with-salad-meat-inside-along-with-mayyonaise-salad-white-plate-brown_140725-20741.jpg", imageAlt: "Grilled carne asada burrito" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mozzarella-sliders-summer-picnic-sandwiches_53876-124159.jpg", imageAlt: "Authentic salsa bar and sides" }
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/asian-gua-bao-with-grilled-chicken-teriyaki-sauce-red-backdrop_23-2148123697.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-lavash-sandwich-rolls-sliced-with-salad-meat-inside-along-with-mayyonaise-salad-white-plate-brown_140725-20741.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
tag="Our Kitchen"
|
||||
tagIcon={ChefHat}
|
||||
title="Heritage in Every Bite"
|
||||
description="At Taqueria Rancho 6, we honor the traditions of Mexican street food. Using locally sourced ingredients and time-honored family recipes, we deliver an authentic, high-quality dining experience every day."
|
||||
metrics={[
|
||||
{ value: "4.2", title: "Average Rating" },
|
||||
{ value: "20+", title: "Unique Recipes" }
|
||||
]}
|
||||
metrics={[{ value: "4.2", title: "Average Rating" }, { value: "20+", title: "Unique Recipes" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-enjoying-mexican-barbecue_23-2151000316.jpg"
|
||||
imageAlt="Our culinary team preparing fresh ingredients"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="cuts" data-section="cuts">
|
||||
<ProductCardTwo
|
||||
<ProductCardThree
|
||||
title="Kitchen Favorites"
|
||||
description="Our most loved dishes, prepared fresh to order."
|
||||
tag="Menu Highlights"
|
||||
tagIcon={Star}
|
||||
products={[
|
||||
{ id: "1", brand: "Rancho 6", name: "Carne Asada Burrito", price: "$12 (Daily Special)", rating: 4, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-sliced-shaurma-salad-sandwich-inside-plate-dark-space_140725-95196.jpg", imageAlt: "Carne Asada Burrito" },
|
||||
{ id: "2", brand: "Rancho 6", name: "Traditional Menudo", price: "$15 (Daily Special)", rating: 5, reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-vegetable-soup-inside-plate-brown-wooden-desk_140725-79504.jpg", imageAlt: "Traditional Menudo" },
|
||||
{ id: "3", brand: "Rancho 6", name: "Street Taco Trio", price: "$10", rating: 4, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tortillas-with-meat-vegetables_23-2148614366.jpg", imageAlt: "Street Taco Trio" }
|
||||
{ id: "1", name: "Carne Asada Burrito", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-sliced-shaurma-salad-sandwich-inside-plate-dark-space_140725-95196.jpg" },
|
||||
{ id: "2", name: "Traditional Menudo", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-vegetable-soup-inside-plate-brown-wooden-desk_140725-79504.jpg" },
|
||||
{ id: "3", name: "Street Taco Trio", price: "$10", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tortillas-with-meat-vegetables_23-2148614366.jpg" }
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "View Full Menu", href: "#" }
|
||||
]}
|
||||
cardPriceClassName="font-bold text-primary text-xl"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-actions"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="experience" data-section="experience">
|
||||
<FeatureCardNineteen
|
||||
<FeatureCardTwentySeven
|
||||
title="The Rancho Experience"
|
||||
description="Beyond just a meal—a true community gathering place."
|
||||
tag="Why Us"
|
||||
features={[
|
||||
{ tag: "Ingredients", title: "Farm-Fresh", subtitle: "Sourced Daily", description: "We use only the freshest produce and high-quality meats for our dishes.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-avocado-halves-blackboard-with-red-pepper-lemon-lettuce-dark-green-background_141793-11420.jpg" },
|
||||
{ tag: "Authenticity", title: "Traditional Recipes", subtitle: "Family Owned", description: "Our recipes have been passed down through generations.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-chef-preparing-food-plate_23-2148934662.jpg" },
|
||||
{ tag: "Location", title: "Desert Hot Springs", subtitle: "Easy Access", description: "Conveniently located on Palm Dr, serving the local community.", imageSrc: "http://img.b2bpic.net/free-photo/colourful-traditional-mexican-house_23-2151769292.jpg" }
|
||||
{ id: "1", title: "Farm-Fresh", descriptions: ["We use only the freshest produce and high-quality meats for our dishes."], imageSrc: "http://img.b2bpic.net/free-photo/top-view-avocado-halves-blackboard-with-red-pepper-lemon-lettuce-dark-green-background_141793-11420.jpg" },
|
||||
{ id: "2", title: "Traditional Recipes", descriptions: ["Our recipes have been passed down through generations."], imageSrc: "http://img.b2bpic.net/free-photo/close-up-chef-preparing-food-plate_23-2148934662.jpg" }
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTwo
|
||||
title="The People Behind The Food"
|
||||
description="Passionate about quality, community, and tradition."
|
||||
tag="Meet The Team"
|
||||
members={[
|
||||
{ id: "1", name: "Maria Gonzalez", role: "Head Chef", description: "With over 15 years in the kitchen, Maria oversees every recipe to ensure maximum flavor.", imageSrc: "http://img.b2bpic.net/free-photo/female-chef-propping-chin-fists-white-uniform-looking-hopeful_176474-13440.jpg" },
|
||||
{ id: "2", name: "Carlos Ruiz", role: "Kitchen Manager", description: "Ensures our ingredients meet the highest standards of quality every morning.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-waitress-with-charming-smile_1098-15077.jpg" }
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
<TeamCardEleven
|
||||
groups={[{
|
||||
id: "g1", groupTitle: "Our Team", members: [
|
||||
{ id: "t1", title: "Maria Gonzalez", subtitle: "Head Chef", detail: "With over 15 years in the kitchen, Maria oversees every recipe.", imageSrc: "http://img.b2bpic.net/free-photo/female-chef-propping-chin-fists-white-uniform-looking-hopeful_176474-13440.jpg" }
|
||||
]
|
||||
}]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="split"
|
||||
title="Our Team"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
title="Guest Feedback"
|
||||
description="See what our regulars have to say about Rancho 6."
|
||||
tag="Reviews"
|
||||
<TestimonialCardThirteen
|
||||
testimonials={[
|
||||
{ id: "1", name: "John D.", handle: "@local", testimonial: "First time trying this place and the Menudo and the tacos were great.", imageSrc: "http://img.b2bpic.net/free-photo/having-lunch-spacious-restaurant_52683-117480.jpg" },
|
||||
{ id: "2", name: "Sarah K.", handle: "@foodie", testimonial: "Carne asada burrito was amazing. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-with-okay-gesture-while-eat-salad-outdoors-cafe_231208-12139.jpg" }
|
||||
{ id: "1", name: "John D.", handle: "@local", testimonial: "The Menudo was great.", rating: 5, icon: MessageSquare }
|
||||
]}
|
||||
showRating={true}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
speed={40}
|
||||
textboxLayout="split"
|
||||
title="Guest Feedback"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
title="Common Questions"
|
||||
description="We're here to help make your dining experience smooth."
|
||||
tag="FAQ"
|
||||
<FaqDouble
|
||||
faqs={[
|
||||
{ id: "1", title: "What are your hours?", content: "We are open daily starting at 10 AM. Please check our social media for holiday adjustments." },
|
||||
{ id: "2", title: "Is there outdoor seating?", content: "Yes, we have a small patio available for guests to enjoy their meal in the sun." },
|
||||
{ id: "3", title: "Do you offer catering?", content: "We cater for local events. Contact us at (760) 671-5411 for details." }
|
||||
{ id: "1", title: "What are your hours?", content: "Daily from 10 AM." },
|
||||
{ id: "2", title: "Do you offer catering?", content: "Call us for details." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17101.jpg"
|
||||
mediaPosition="left"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="split"
|
||||
title="Common Questions"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
<ContactSplit
|
||||
tag="Visit Us"
|
||||
title="Get in Touch"
|
||||
description="14201 Palm Dr, Desert Hot Springs, CA 92240 | (760) 671-5411"
|
||||
tagIcon={Utensils}
|
||||
description="14201 Palm Dr, Desert Hot Springs"
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
buttonText="Send Inquiry"
|
||||
useInvertedBackground={false}
|
||||
mediaPosition="right"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-enjoying-mexican-barbecue_23-2151000316.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
<FooterMedia
|
||||
logoText="Taqueria Rancho 6"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/asian-gua-bao-with-grilled-chicken-teriyaki-sauce-red-backdrop_23-2148123697.jpg"
|
||||
columns={[
|
||||
{ title: "Quick Links", items: [{ label: "Menu", href: "#cuts" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Follow Us", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] }
|
||||
{ title: "Links", items: [{ label: "Home", href: "#hero" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user