bender/171eb52a-dc45-423a-9885-bf9f9b8561cb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #3

Merged
bender merged 4 commits from version_1 into main 2026-03-13 16:03:02 +00:00
Conversation 0 Commits 4 Files Changed 4 +519 -532
4 changed files with 519 additions and 532 deletions
Download Patch File Download Diff File Expand all files Collapse all files

308
src/app/about/page.tsx
View File

@@ -1,72 +1,105 @@
"use client";
import Link from "next/link";
import { Award, Zap, Sparkles, CheckCircle } from "lucide-react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import MediaAbout from "@/components/sections/about/MediaAbout";
import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { Sparkles, Award, Zap } from "lucide-react";
export default function AboutPage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Menu", id: "/menu" },
{ name: "Contact", id: "/contact" },
];
const footerColumns = [
{
title: "Experience", items: [
{ label: "About Us", href: "/about" },
{ label: "Menu", href: "/menu" },
{ label: "Live Events", href: "/events" },
{ label: "Gallery", href: "/#gallery" },
],
},
{
title: "Reservations", items: [
{ label: "Book a Table", href: "#reservations" },
{ label: "Group Bookings", href: "/contact" },
{ label: "Private Events", href: "/events" },
{ label: "Contact Us", href: "#contact" },
],
},
{
title: "Connect", items: [
{ label: "Instagram", href: "https://instagram.com" },
{ label: "Facebook", href: "https://facebook.com" },
{ label: "Email", href: "mailto:info@smhousefrontera.es" },
{ label: "Phone", href: "tel:+34928123456" },
],
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },
],
},
];
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="reveal-blur"
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="small"
sizing="mediumLargeSizeLargeTitles"
background="noiseDiagonalGradient"
cardStyle="solid"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={navItems}
brandName="Smokehouse La Frontera"
navItems={[
{ name: "Home", id: "home" },
{ name: "About", id: "about" },
{ name: "Menu", id: "menu" },
{ name: "Events", id: "events" },
{ name: "Contact", id: "contact" },
]}
button={{
text: "Reserve Table",
href: "#reservations",
}}
text: "Reserve Table", href: "#reservations"}}
animateOnLoad={true}
/>
</div>
<div id="experience" data-section="experience" className="py-16 relative w-full">
<div id="about-hero" data-section="about-hero">
<MediaAbout
title="A Little Piece of Texas Right Here in Gran Canaria"
description="Located inside a rural equestrian center, Smokehouse La Frontera transports you straight to a Texas ranch. Wood smoke, live country music, and open countryside create a dining experience unlike anything else on the island. We honor traditional American BBQ smoking techniques while celebrating the unique beauty of our island home."
tag="The Experience"
title="Our Story: From Texas to Gran Canaria"
description="Founded with a passion for authentic Texas BBQ, Smokehouse La Frontera brings the spirit of the American South to the Canary Islands. Every smoked brisket, every ribs plate, every meal tells the story of our commitment to tradition and quality."
tag="About La Frontera"
tagIcon={Zap}
tagAnimation="slide-up"
buttons={[
{
text: "Reserve Now",
href: "#reservations",
},
text: "Reserve Your Experience", href: "#reservations"},
]}
buttonAnimation="slide-up"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xkkpik&_wi=2"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xkkpik"
imageAlt="rustic ranch dining terrace"
useInvertedBackground={false}
ariaLabel="About our smokehouse experience"
ariaLabel="About our smokehouse story"
/>
</div>
<div id="features" data-section="features" className="py-16 relative w-full">
<div id="our-values" data-section="our-values">
<FeatureCardTwentyThree
title="Why People Love La Frontera"
description="From slow-smoked meats to live music and genuine ranch hospitality, every detail is crafted for an unforgettable experience."
tag="Our Signature Qualities"
title="What Makes Us Different"
description="We're not just a restaurant. We're a cultural experience that honors tradition while creating memories."
tag="Our Philosophy"
tagIcon={Sparkles}
tagAnimation="slide-up"
textboxLayout="default"
@@ -74,44 +107,28 @@ export default function AboutPage() {
useInvertedBackground={false}
features={[
{
id: "bbq",
title: "Authentic Texas BBQ",
tags: ["12+ hours smoking", "Traditional techniques"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qfbo4m&_wi=2",
imageAlt: "professional bbq smoker pit setup",
},
id: "tradition", title: "Authentic Tradition", tags: ["Texas heritage", "Time-honored recipes"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qfbo4m"},
{
id: "unique",
title: "Unique Experience",
tags: ["Rural ranch setting", "Only in Canary Islands"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l8i9nj&_wi=2",
imageAlt: "ranch landscape horses fields",
},
id: "quality", title: "Premium Quality", tags: ["Finest ingredients", "Meticulous preparation"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d3e79j"},
{
id: "atmosphere",
title: "Unmatched Atmosphere",
tags: ["Live country music", "Family-friendly"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=579kfk&_wi=2",
imageAlt: "live country music performance outdoor",
},
id: "community", title: "Community First", tags: ["Family atmosphere", "Local connections"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l8i9nj"},
{
id: "desserts",
title: "Homemade Specialties",
tags: ["Tres leches cake", "Made fresh daily"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7n5otx&_wi=2",
imageAlt: "tres leches cake slice plated",
},
id: "culture", title: "Cultural Bridge", tags: ["Live music", "Shared experiences"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=579kfk"},
]}
carouselMode="buttons"
ariaLabel="Features section highlighting what makes La Frontera special"
ariaLabel="Features highlighting our values"
/>
</div>
<div id="metrics" data-section="metrics" className="py-16 relative w-full">
<div id="about-metrics" data-section="about-metrics">
<MetricCardEleven
title="Smokehouse La Frontera By The Numbers"
description="A testament to our commitment to authentic Texas BBQ and unforgettable experiences."
tag="Our Impact"
title="By the Numbers"
description="Our impact and growth tell the story of a community that embraces authentic experience."
tag="Our Journey"
tagIcon={Award}
tagAnimation="slide-up"
textboxLayout="default"
@@ -119,31 +136,81 @@ export default function AboutPage() {
useInvertedBackground={false}
metrics={[
{
id: "smoking-hours",
value: "12+",
title: "Hours of Smoking",
description: "Each brisket smoked to perfection with traditional techniques",
id: "smoking-hours", value: "12+", title: "Hours of Smoking", description: "Each brisket smoked to perfection with traditional techniques", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qfbo4m"},
{
id: "events", value: "Every Weekend", title: "Live Music Events", description: "Country nights bringing Texas spirit to Gran Canaria", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=579kfk"},
{
id: "reviews", value: "4.8/5", title: "Guest Rating", description: "Hundreds of five-star reviews praising our experience", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xkkpik"},
{
id: "years", value: "Authentic", title: "Texas Heritage", description: "Bringing genuine smokehouse culture to the islands", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4hpo4h"},
]}
ariaLabel="Metrics section with numbers"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
title="About La Frontera"
description="Learn more about our restaurant, our story, and how we create unforgettable experiences."
tag="Know More"
tagIcon={CheckCircle}
tagAnimation="slide-up"
textboxLayout="default"
animationType="smooth"
mediaAnimation="blur-reveal"
faqsAnimation="blur-reveal"
useInvertedBackground={false}
mediaPosition="right"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=avekbl"
imageAlt="rustic restaurant dining ambiance"
faqs={[
{
id: "history", title: "What's the history of Smokehouse La Frontera?", content: "Founded with a mission to bring authentic Texas BBQ to Gran Canaria, La Frontera has become a destination for those seeking genuine smokehouse experience. Our founders' passion for traditional smoking techniques and cultural exchange created a unique space where Texas heritage meets island hospitality."},
{
id: "location", title: "Why are we located at an equestrian center?", content: "The rural equestrian setting in San Mateo perfectly embodies the ranch atmosphere we wanted to create. This location allows us to offer open countryside views, space for our guests, and an authentic immersive experience that transports visitors straight to Texas."},
{
id: "meats", title: "Where do your meats come from?", content: "We source premium quality meats from trusted local suppliers and international vendors who share our commitment to excellence. Every cut is selected for quality and perfect for our slow-smoking process."},
{
id: "techniques", title: "What smoking techniques do you use?", content: "We employ traditional Texas smoking methods using oak and hickory wood. Our pitmasters have years of experience, smoking meats low and slow to develop the perfect bark and smoke ring."},
{
id: "team", title: "Who's behind the magic?", content: "Our team consists of experienced pitmasters, passionate hospitality professionals, and musicians who create La Frontera's unique atmosphere. Every team member is dedicated to delivering an unforgettable experience."},
{
id: "sustainability", title: "Are you committed to sustainability?", content: "Yes. We're committed to responsible sourcing, waste reduction, and supporting local businesses. Our outdoor setting and cultural mission align with our values of community and environmental stewardship."},
]}
buttons={[
{
text: "Make a Reservation", href: "#reservations"},
]}
buttonAnimation="slide-up"
ariaLabel="FAQ section for about page"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
title="Get in Touch"
description="Have questions about La Frontera? Ready to plan your visit? We'd love to hear from you and help create your perfect smokehouse experience."
useInvertedBackground={false}
mediaPosition="left"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f4o33b"
imageAlt="ranch restaurant outdoor terrace evening"
mediaAnimation="blur-reveal"
buttonText="Send Message"
inputs={[
{
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
id: "events",
value: "Every Weekend",
title: "Live Music Events",
description: "Country nights bringing Texas spirit to Gran Canaria",
name: "email", type: "email", placeholder: "Email Address", required: true,
},
{
id: "reviews",
value: "4.8/5",
title: "Guest Rating",
description: "Hundreds of five-star reviews praising our experience",
},
{
id: "years",
value: "Authentic",
title: "Texas Heritage",
description: "Bringing genuine smokehouse culture to the islands",
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
},
]}
ariaLabel="Metrics section with impressive numbers"
textarea={{
name: "message", placeholder: "Your Message", rows: 5,
}}
ariaLabel="Contact form for about page"
/>
</div>
@@ -151,88 +218,7 @@ export default function AboutPage() {
<FooterBaseCard
logoText="Smokehouse La Frontera"
copyrightText="© 2025 Smokehouse La Frontera | Texas BBQ in Gran Canaria"
columns={[
{
title: "Experience",
items: [
{
label: "About Us",
href: "/about",
},
{
label: "Menu",
href: "/menu",
},
{
label: "Live Events",
href: "/events",
},
{
label: "Gallery",
href: "/#gallery",
},
],
},
{
title: "Reservations",
items: [
{
label: "Book a Table",
href: "#reservations",
},
{
label: "Group Bookings",
href: "/contact",
},
{
label: "Private Events",
href: "/events",
},
{
label: "Contact Us",
href: "#contact",
},
],
},
{
title: "Connect",
items: [
{
label: "Instagram",
href: "https://instagram.com",
},
{
label: "Facebook",
href: "https://facebook.com",
},
{
label: "Email",
href: "mailto:info@smhousefrontera.es",
},
{
label: "Phone",
href: "tel:+34928123456",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
{
label: "Cookie Policy",
href: "#",
},
],
},
]}
columns={footerColumns}
ariaLabel="Site footer with navigation and legal information"
/>
</div>

172
src/app/contact/page.tsx Normal file
View File

@@ -0,0 +1,172 @@
"use client";
import Link from "next/link";
import { Sparkles, Award, CheckCircle } from "lucide-react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import MediaAbout from "@/components/sections/about/MediaAbout";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
export default function ContactPage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Menu", id: "/menu" },
{ name: "Contact", id: "/contact" },
];
const footerColumns = [
{
title: "Experience", items: [
{ label: "About Us", href: "/about" },
{ label: "Menu", href: "/menu" },
{ label: "Live Events", href: "/events" },
{ label: "Gallery", href: "/#gallery" },
],
},
{
title: "Reservations", items: [
{ label: "Book a Table", href: "#reservations" },
{ label: "Group Bookings", href: "/contact" },
{ label: "Private Events", href: "/events" },
{ label: "Contact Us", href: "#contact" },
],
},
{
title: "Connect", items: [
{ label: "Instagram", href: "https://instagram.com" },
{ label: "Facebook", href: "https://facebook.com" },
{ label: "Email", href: "mailto:info@smhousefrontera.es" },
{ label: "Phone", href: "tel:+34928123456" },
],
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },
],
},
];
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={navItems}
brandName="Smokehouse La Frontera"
button={{
text: "Reserve Table", href: "#reservations"}}
animateOnLoad={true}
/>
</div>
<div id="contact-hero" data-section="contact-hero">
<MediaAbout
title="Get in Touch with La Frontera"
description="Whether you have questions about our menu, want to plan a special event, or need to reach out for any reason, we're here to help. Contact us and let's create your perfect smokehouse experience."
tag="Contact Us"
tagIcon={Sparkles}
tagAnimation="slide-up"
buttons={[
{
text: "Make a Reservation", href: "#reservations"},
]}
buttonAnimation="slide-up"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xkkpik"
imageAlt="rustic ranch dining terrace"
useInvertedBackground={false}
ariaLabel="Contact page hero"
/>
</div>
<div id="contact-faq" data-section="contact-faq">
<FaqSplitMedia
title="Information & Support"
description="Find answers to common questions about visiting, contacting, and experiencing Smokehouse La Frontera."
tag="Help & Info"
tagIcon={CheckCircle}
tagAnimation="slide-up"
textboxLayout="default"
animationType="smooth"
mediaAnimation="blur-reveal"
faqsAnimation="blur-reveal"
useInvertedBackground={false}
mediaPosition="right"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=avekbl"
imageAlt="rustic restaurant dining ambiance"
faqs={[
{
id: "phone", title: "How do I reach you by phone?", content: "Call us at +34 928 123 456. Our team is available Monday through Sunday to answer your questions and take reservations. Weekend hours may vary during special events."},
{
id: "email", title: "What's the best way to email?", content: "Email us at info@smhousefrontera.es with any inquiries. We typically respond within 24 hours. For urgent reservations, please call instead."},
{
id: "hours", title: "What are your operating hours?", content: "We're open for dinner and special events. Call ahead for current hours as they vary seasonally. Live music events are Friday through Sunday."},
{
id: "location", title: "Where exactly are you located?", content: "We're located in San Mateo, Gran Canaria, within an equestrian center. This rural setting offers ample free parking and stunning views of the countryside."},
{
id: "groups", title: "How do I arrange a group visit?", content: "For groups of 10 or more, please contact us directly. We offer special menus, tailored experiences, and can accommodate private events. Call +34 928 123 456 for details."},
{
id: "feedback", title: "How can I leave feedback or reviews?", content: "We love hearing from our guests! Share your experience on Google, Instagram, Facebook, or email us directly. Your feedback helps us improve and means everything to our team."},
]}
buttons={[
{
text: "Send Message", href: "#contact-form"},
]}
buttonAnimation="slide-up"
ariaLabel="Contact page FAQ"
/>
</div>
<div id="contact-form" data-section="contact-form">
<ContactSplitForm
title="Send Us a Message"
description="Have a question or special request? Fill out the form below and we'll get back to you as soon as possible."
useInvertedBackground={false}
mediaPosition="left"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f4o33b"
imageAlt="ranch restaurant outdoor terrace evening"
mediaAnimation="blur-reveal"
buttonText="Send Message"
inputs={[
{
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email", type: "email", placeholder: "Email Address", required: true,
},
{
name: "phone", type: "tel", placeholder: "Phone Number", required: false,
},
]}
textarea={{
name: "message", placeholder: "Your Message", rows: 6,
}}
ariaLabel="Contact form"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Smokehouse La Frontera"
copyrightText="© 2025 Smokehouse La Frontera | Texas BBQ in Gran Canaria"
columns={footerColumns}
ariaLabel="Site footer with navigation and legal information"
/>
</div>
</ThemeProvider>
);
}

316
src/app/events/page.tsx
View File

@@ -1,179 +1,208 @@
"use client";
import Link from "next/link";
import { Sparkles, Award, Music, CheckCircle } from "lucide-react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import MediaAbout from "@/components/sections/about/MediaAbout";
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { Zap, CheckCircle } from "lucide-react";
export default function EventsPage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Menu", id: "/menu" },
{ name: "Contact", id: "/contact" },
];
const footerColumns = [
{
title: "Experience", items: [
{ label: "About Us", href: "/about" },
{ label: "Menu", href: "/menu" },
{ label: "Live Events", href: "/events" },
{ label: "Gallery", href: "/#gallery" },
],
},
{
title: "Reservations", items: [
{ label: "Book a Table", href: "#reservations" },
{ label: "Group Bookings", href: "/contact" },
{ label: "Private Events", href: "/events" },
{ label: "Contact Us", href: "#contact" },
],
},
{
title: "Connect", items: [
{ label: "Instagram", href: "https://instagram.com" },
{ label: "Facebook", href: "https://facebook.com" },
{ label: "Email", href: "mailto:info@smhousefrontera.es" },
{ label: "Phone", href: "tel:+34928123456" },
],
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },
],
},
];
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="reveal-blur"
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="small"
sizing="mediumLargeSizeLargeTitles"
background="noiseDiagonalGradient"
cardStyle="solid"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={navItems}
brandName="Smokehouse La Frontera"
navItems={[
{ name: "Home", id: "home" },
{ name: "About", id: "about" },
{ name: "Menu", id: "menu" },
{ name: "Events", id: "events" },
{ name: "Contact", id: "contact" },
]}
button={{
text: "Reserve Table",
href: "#reservations",
}}
text: "Reserve Table", href: "#reservations"}}
animateOnLoad={true}
/>
</div>
<div id="events-intro" data-section="events-intro" className="py-16 relative w-full">
<MediaAbout
title="Live Music & Events at La Frontera"
description="Every weekend brings authentic Texas country music and special events to our ranch. From intimate acoustic performances to full live bands, our events create the ultimate smokehouse experience. Join us for an unforgettable evening filled with great food, great music, and great company."
<div id="events-hero" data-section="events-hero">
<HeroSplitDoubleCarousel
title="Live Country Music Every Weekend"
description="Experience authentic Texas BBQ paired with live country music. Every Friday, Saturday, and Sunday, our terrace comes alive with world-class musicians and the spirit of the American South."
tag="Live Entertainment"
tagIcon={Zap}
tagIcon={Sparkles}
tagAnimation="slide-up"
buttons={[
{
text: "Reserve Your Spot",
href: "#reservations",
},
text: "Book Your Table", href: "#reservations"},
{
text: "View Menu", href: "/menu"},
]}
buttonAnimation="slide-up"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=579kfk&_wi=3"
imageAlt="live country music performance outdoor"
useInvertedBackground={false}
ariaLabel="Live music and events at our smokehouse"
leftCarouselItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=579kfk", imageAlt: "live country music performance outdoor"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xkkpik", imageAlt: "rustic ranch dining terrace"},
]}
rightCarouselItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4hpo4h", imageAlt: "ranch setting horses sunset"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l8i9nj", imageAlt: "ranch landscape horses fields"},
]}
carouselPosition="right"
background={{
variant: "radial-gradient"}}
ariaLabel="Events hero section"
/>
</div>
<div id="event-faq" data-section="event-faq" className="py-16 relative w-full">
<div id="upcoming-events" data-section="upcoming-events">
<FeatureCardTwentyThree
title="This Month's Featured Performances"
description="Meet the musicians and artists bringing Texas spirit to our stage. Every performance is a celebration of authentic country music and smokehouse tradition."
tag="Featured Artists"
tagIcon={Music}
tagAnimation="slide-up"
textboxLayout="default"
animationType="smooth"
useInvertedBackground={false}
features={[
{
id: "friday", title: "Friday Night Country", tags: ["9 PM - 1 AM", "Texas classics"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=579kfk"},
{
id: "saturday", title: "Saturday's Texas Night", tags: ["8 PM - 2 AM", "Live bands"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xkkpik"},
{
id: "sunday", title: "Sunday Sessions", tags: ["6 PM - 11 PM", "Acoustic sets"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4hpo4h"},
{
id: "special", title: "Special Events", tags: ["Birthdays", "Celebrations"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l8i9nj"},
]}
carouselMode="buttons"
ariaLabel="Upcoming events and performances"
/>
</div>
<div id="events-faq" data-section="events-faq">
<FaqSplitMedia
title="Event Details & Booking"
description="Everything you need to know about our live music events and special occasions at La Frontera."
tag="Planning Your Visit"
title="Event Information"
description="Everything you need to know about attending our live music events and special celebrations at La Frontera."
tag="Event Details"
tagIcon={CheckCircle}
tagAnimation="slide-up"
textboxLayout="default"
animationType="blur-reveal"
animationType="instant"
mediaAnimation="blur-reveal"
faqsAnimation="blur-reveal"
useInvertedBackground={false}
mediaPosition="right"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=avekbl&_wi=2"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=avekbl"
imageAlt="rustic restaurant dining ambiance"
faqs={[
{
id: "schedule",
title: "When are your events?",
content: "We host live music events every Friday, Saturday, and Sunday starting at 8 PM. Featured artists rotate throughout the month. Check our Instagram for the current lineup and special event announcements.",
},
id: "schedule", title: "What's the event schedule?", content: "Live music happens every Friday, Saturday, and Sunday. Friday and Saturday events run 9 PM to late, while Sunday sessions are 6 PM to 11 PM. Special events and private parties available upon request."},
{
id: "cover-charge",
title: "Is there a cover charge?",
content: "No cover charge! We celebrate live music as part of our dining experience. We simply ask that guests enjoy our food and drinks while supporting the artists.",
},
id: "reservation", title: "Do I need a reservation for events?", content: "Yes, we strongly recommend reservations for all events. Our entertainment nights are very popular, especially on weekends. Reservations guarantee your table and the best experience."},
{
id: "group-events",
title: "Can we book a private event?",
content: "Absolutely. We host weddings, corporate retreats, milestone celebrations, and group events. For groups of 30+, please contact us directly at info@smhousefrontera.es or call +34928123456 to discuss availability and custom packages.",
},
id: "menu", title: "Is the menu different during events?", content: "Our full menu is available during all events. However, we recommend ordering early to ensure your dishes are ready with plenty of time to enjoy the music. Peak times may have slight waits."},
{
id: "musician-info",
title: "Who are your featured musicians?",
content: "We feature local and regional country musicians as well as international artists visiting Gran Canaria. Our rotating lineup ensures fresh entertainment each weekend. Follow our social media for announcements about upcoming performances.",
},
id: "cover-charge", title: "Is there a cover charge?", content: "No cover charge! You're welcome to enjoy live music with any purchase from our menu. Food and beverage purchases support our artists directly."},
{
id: "dinner-packages",
title: "Do you offer dinner & show packages?",
content: "Yes. Reserve a table and we'll ensure you have the best seat for the performance. Our full menu is available during events. We recommend booking 2-3 days in advance for optimal seating.",
},
id: "private-events", title: "Can we book a private event?", content: "Absolutely! We host birthday parties, corporate events, weddings, and celebrations. Contact us for details on availability, catering packages, and entertainment options for your special day."},
{
id: "outdoor-venue",
title: "Is the event space outdoor?",
content: "Our main event space features both covered terrace and indoor areas, so we host events rain or shine. The natural ranch setting provides an authentic Texas atmosphere with protection from the elements.",
},
id: "tickets", title: "Do featured artists have special ticket pricing?", content: "No tickets required! All music is included with your dining experience. Come early to get a good spot, order your food, and settle in for an unforgettable evening."},
]}
buttons={[
{
text: "Book Your Reservation",
href: "#reservations",
},
text: "Reserve Now", href: "#reservations"},
]}
buttonAnimation="slide-up"
ariaLabel="FAQ section with event details"
ariaLabel="Event FAQ section"
/>
</div>
<div id="reservations" data-section="reservations" className="py-16 relative w-full">
<div id="contact" data-section="contact">
<ContactSplitForm
title="Reserve Your Smokehouse Experience"
description="Don't wait. Secure your table now and avoid the queue. We're excited to welcome you to our Texas ranch for a night of great food and live music."
title="Plan Your Event"
description="Ready to book your celebration? Contact us for private events, group reservations, or special entertainment requests."
useInvertedBackground={false}
mediaPosition="left"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f4o33b&_wi=3"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f4o33b"
imageAlt="ranch restaurant outdoor terrace evening"
mediaAnimation="blur-reveal"
buttonText="Confirm Reservation"
buttonText="Send Inquiry"
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
name: "email", type: "email", placeholder: "Email Address", required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Phone Number",
required: true,
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
},
{
name: "date",
type: "date",
placeholder: "Preferred Date",
required: true,
},
{
name: "time",
type: "time",
placeholder: "Preferred Time",
required: true,
},
{
name: "guests",
type: "number",
placeholder: "Number of Guests",
required: true,
name: "date", type: "date", placeholder: "Event Date", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Special requests or dietary preferences (optional)",
rows: 4,
name: "details", placeholder: "Tell us about your event or special request", rows: 5,
}}
ariaLabel="Contact and reservation form"
ariaLabel="Events contact form"
/>
</div>
@@ -181,88 +210,7 @@ export default function EventsPage() {
<FooterBaseCard
logoText="Smokehouse La Frontera"
copyrightText="© 2025 Smokehouse La Frontera | Texas BBQ in Gran Canaria"
columns={[
{
title: "Experience",
items: [
{
label: "About Us",
href: "/about",
},
{
label: "Menu",
href: "/menu",
},
{
label: "Live Events",
href: "/events",
},
{
label: "Gallery",
href: "/#gallery",
},
],
},
{
title: "Reservations",
items: [
{
label: "Book a Table",
href: "#reservations",
},
{
label: "Group Bookings",
href: "/contact",
},
{
label: "Private Events",
href: "/events",
},
{
label: "Contact Us",
href: "#contact",
},
],
},
{
title: "Connect",
items: [
{
label: "Instagram",
href: "https://instagram.com",
},
{
label: "Facebook",
href: "https://facebook.com",
},
{
label: "Email",
href: "mailto:info@smhousefrontera.es",
},
{
label: "Phone",
href: "tel:+34928123456",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
{
label: "Cookie Policy",
href: "#",
},
],
},
]}
columns={footerColumns}
ariaLabel="Site footer with navigation and legal information"
/>
</div>

255
src/app/page.tsx
View File

@@ -14,37 +14,33 @@ import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
export default function HomePage() {
export default function Home() {
const navItems = [
{ name: "Home", id: "home" },
{ name: "About", id: "about" },
{ name: "Menu", id: "menu" },
{ name: "Events", id: "events" },
{ name: "Contact", id: "contact" },
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Menu", id: "/menu" },
{ name: "Contact", id: "/contact" },
];
const footerColumns = [
{
title: "Experience",
items: [
{ label: "About Us", href: "/" },
title: "Experience", items: [
{ label: "About Us", href: "/about" },
{ label: "Menu", href: "/menu" },
{ label: "Live Events", href: "/" },
{ label: "Gallery", href: "/" },
{ label: "Live Events", href: "/events" },
{ label: "Gallery", href: "/#gallery" },
],
},
{
title: "Reservations",
items: [
title: "Reservations", items: [
{ label: "Book a Table", href: "#reservations" },
{ label: "Group Bookings", href: "/" },
{ label: "Private Events", href: "/" },
{ label: "Group Bookings", href: "/contact" },
{ label: "Private Events", href: "/events" },
{ label: "Contact Us", href: "#contact" },
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{ label: "Instagram", href: "https://instagram.com" },
{ label: "Facebook", href: "https://facebook.com" },
{ label: "Email", href: "mailto:info@smhousefrontera.es" },
@@ -52,8 +48,7 @@ export default function HomePage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },
@@ -63,15 +58,15 @@ export default function HomePage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="reveal-blur"
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="small"
sizing="mediumLargeSizeLargeTitles"
background="noiseDiagonalGradient"
cardStyle="solid"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
@@ -79,9 +74,7 @@ export default function HomePage() {
navItems={navItems}
brandName="Smokehouse La Frontera"
button={{
text: "Reserve Table",
href: "#reservations",
}}
text: "Reserve Table", href: "#reservations"}}
animateOnLoad={true}
/>
</div>
@@ -95,39 +88,26 @@ export default function HomePage() {
tagAnimation="slide-up"
buttons={[
{
text: "Reserve Your Table",
href: "#reservations",
},
text: "Reserve Your Table", href: "#reservations"},
{
text: "View Menu",
href: "/menu",
},
text: "View Menu", href: "/menu"},
]}
buttonAnimation="slide-up"
leftCarouselItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1qz7tx",
imageAlt: "wood smoker pit bbq with smoke",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1qz7tx", imageAlt: "wood smoker pit bbq with smoke"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y2ulp4",
imageAlt: "smoked bbq ribs close up",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y2ulp4", imageAlt: "smoked bbq ribs close up"},
]}
rightCarouselItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4hpo4h",
imageAlt: "ranch setting horses sunset",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4hpo4h", imageAlt: "ranch setting horses sunset"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ku7i3g",
imageAlt: "smoked brisket sliced cross section",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ku7i3g", imageAlt: "smoked brisket sliced cross section"},
]}
carouselPosition="right"
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
ariaLabel="Hero section showcasing Texas BBQ experience"
/>
</div>
@@ -135,10 +115,7 @@ export default function HomePage() {
<div id="social-proof" data-section="social-proof">
<SocialProofOne
names={[
"⭐⭐⭐⭐⭐ Una joyita en San Mateo",
"⭐⭐⭐⭐⭐ Auténtico cachito de Texas",
"⭐⭐⭐⭐⭐ La comida es un espectáculo",
]}
"⭐⭐⭐⭐⭐ Una joyita en San Mateo", "⭐⭐⭐⭐⭐ Auténtico cachito de Texas", "⭐⭐⭐⭐⭐ La comida es un espectáculo"]}
title="Trusted by Hundreds of Happy Guests"
description="Real testimonials from our community. Loved for authentic flavors, unique experience, and unforgettable moments."
tag="Guest Reviews"
@@ -161,12 +138,10 @@ export default function HomePage() {
tagAnimation="slide-up"
buttons={[
{
text: "Reserve Now",
href: "#reservations",
},
text: "Reserve Now", href: "#reservations"},
]}
buttonAnimation="slide-up"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xkkpik&_wi=1"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xkkpik"
imageAlt="rustic ranch dining terrace"
useInvertedBackground={false}
ariaLabel="About our smokehouse experience"
@@ -185,29 +160,17 @@ export default function HomePage() {
useInvertedBackground={false}
features={[
{
id: "bbq",
title: "Authentic Texas BBQ",
tags: ["12+ hours smoking", "Traditional techniques"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qfbo4m&_wi=1",
},
id: "bbq", title: "Authentic Texas BBQ", tags: ["12+ hours smoking", "Traditional techniques"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qfbo4m"},
{
id: "unique",
title: "Unique Experience",
tags: ["Rural ranch setting", "Only in Canary Islands"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l8i9nj&_wi=1",
},
id: "unique", title: "Unique Experience", tags: ["Rural ranch setting", "Only in Canary Islands"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l8i9nj"},
{
id: "atmosphere",
title: "Unmatched Atmosphere",
tags: ["Live country music", "Family-friendly"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=579kfk&_wi=1",
},
id: "atmosphere", title: "Unmatched Atmosphere", tags: ["Live country music", "Family-friendly"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=579kfk"},
{
id: "desserts",
title: "Homemade Specialties",
tags: ["Tres leches cake", "Made fresh daily"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7n5otx&_wi=1",
},
id: "desserts", title: "Homemade Specialties", tags: ["Tres leches cake", "Made fresh daily"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7n5otx"},
]}
carouselMode="buttons"
ariaLabel="Features section highlighting what makes La Frontera special"
@@ -228,47 +191,21 @@ export default function HomePage() {
carouselMode="buttons"
products={[
{
id: "brisket",
name: "Slow Smoked Brisket",
price: "€24.50",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d3e79j&_wi=1",
},
id: "brisket", name: "Slow Smoked Brisket", price: "€24.50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d3e79j"},
{
id: "ribs",
name: "Texas BBQ Ribs",
price: "€22.00",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8ci83a&_wi=1",
},
id: "ribs", name: "Texas BBQ Ribs", price: "€22.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8ci83a"},
{
id: "combo",
name: "La Frontera Combo",
price: "€35.00",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gfitqo&_wi=1",
},
id: "combo", name: "La Frontera Combo", price: "€35.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gfitqo"},
{
id: "quesos",
name: "Quesos Fundidos",
price: "€12.00",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6ikavh&_wi=1",
},
id: "quesos", name: "Quesos Fundidos", price: "€12.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6ikavh"},
{
id: "tres-leches",
name: "Tres Leches Cake",
price: "€8.50",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=82xdbb&_wi=1",
},
id: "tres-leches", name: "Tres Leches Cake", price: "€8.50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=82xdbb"},
{
id: "pulled-pork",
name: "Smoked Pulled Pork",
price: "€20.00",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jycequ&_wi=1",
},
id: "pulled-pork", name: "Smoked Pulled Pork", price: "€20.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jycequ"},
]}
buttons={[
{
text: "View Full Menu",
href: "/menu",
},
text: "View Full Menu", href: "/menu"},
]}
buttonAnimation="slide-up"
ariaLabel="Signature dishes section"
@@ -287,29 +224,13 @@ export default function HomePage() {
useInvertedBackground={false}
metrics={[
{
id: "smoking-hours",
value: "12+",
title: "Hours of Smoking",
description: "Each brisket smoked to perfection with traditional techniques",
},
id: "smoking-hours", value: "12+", title: "Hours of Smoking", description: "Each brisket smoked to perfection with traditional techniques", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d3e79j"},
{
id: "events",
value: "Every Weekend",
title: "Live Music Events",
description: "Country nights bringing Texas spirit to Gran Canaria",
},
id: "events", value: "Every Weekend", title: "Live Music Events", description: "Country nights bringing Texas spirit to Gran Canaria", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=579kfk"},
{
id: "reviews",
value: "4.8/5",
title: "Guest Rating",
description: "Hundreds of five-star reviews praising our experience",
},
id: "reviews", value: "4.8/5", title: "Guest Rating", description: "Hundreds of five-star reviews praising our experience", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xkkpik"},
{
id: "years",
value: "Authentic",
title: "Texas Heritage",
description: "Bringing genuine smokehouse culture to the islands",
},
id: "years", value: "Authentic", title: "Texas Heritage", description: "Bringing genuine smokehouse culture to the islands", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4hpo4h"},
]}
ariaLabel="Metrics section with impressive numbers"
/>
@@ -323,50 +244,30 @@ export default function HomePage() {
tagIcon={CheckCircle}
tagAnimation="slide-up"
textboxLayout="default"
animationType="blur-reveal"
animationType="smooth"
mediaAnimation="blur-reveal"
faqsAnimation="blur-reveal"
useInvertedBackground={false}
mediaPosition="right"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=avekbl&_wi=1"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=avekbl"
imageAlt="rustic restaurant dining ambiance"
faqs={[
{
id: "reservation",
title: "Do I need to make a reservation?",
content: "We strongly recommend reservations, especially on weekends. Our smoked meats are prepared fresh using traditional slow-smoking techniques, which means demand is high. Reserving ahead ensures your table and the freshest experience.",
},
id: "reservation", title: "Do I need to make a reservation?", content: "We strongly recommend reservations, especially on weekends. Our smoked meats are prepared fresh using traditional slow-smoking techniques, which means demand is high. Reserving ahead ensures your table and the freshest experience."},
{
id: "wait-times",
title: "How long is the typical wait?",
content: "With a reservation, your table is guaranteed. For walk-ins, wait times vary seasonally but can range from 30 minutes to 2+ hours on busy weekends. We recommend calling ahead.",
},
id: "wait-times", title: "How long is the typical wait?", content: "With a reservation, your table is guaranteed. For walk-ins, wait times vary seasonally but can range from 30 minutes to 2+ hours on busy weekends. We recommend calling ahead."},
{
id: "portions",
title: "Are portion sizes generous?",
content: "Our dishes are crafted for quality over quantity. Each plate features premium slow-smoked meats prepared with care. We recommend trying our combo platters for the full experience, or sharing dishes to taste more.",
},
id: "portions", title: "Are portion sizes generous?", content: "Our dishes are crafted for quality over quantity. Each plate features premium slow-smoked meats prepared with care. We recommend trying our combo platters for the full experience, or sharing dishes to taste more."},
{
id: "parking",
title: "Is there parking available?",
content: "Yes, we have ample parking at our equestrian center location in San Mateo. Parking is free for all guests.",
},
id: "parking", title: "Is there parking available?", content: "Yes, we have ample parking at our equestrian center location in San Mateo. Parking is free for all guests."},
{
id: "groups",
title: "Can you accommodate large groups?",
content: "Absolutely. Our terrace and indoor space can host groups of any size. For groups of 10+, please call us directly to discuss timing and special menu options.",
},
id: "groups", title: "Can you accommodate large groups?", content: "Absolutely. Our terrace and indoor space can host groups of any size. For groups of 10+, please call us directly to discuss timing and special menu options."},
{
id: "music",
title: "When is live music?",
content: "Live country music happens every Friday, Saturday, and Sunday. Check our events page or call for featured artists and start times.",
},
id: "music", title: "When is live music?", content: "Live country music happens every Friday, Saturday, and Sunday. Check our events page or call for featured artists and start times."},
]}
buttons={[
{
text: "Book Your Reservation",
href: "#reservations",
},
text: "Book Your Reservation", href: "#reservations"},
]}
buttonAnimation="slide-up"
ariaLabel="FAQ section with common questions"
@@ -379,52 +280,32 @@ export default function HomePage() {
description="Don't wait. Secure your table now and avoid the queue. We're excited to welcome you to our Texas ranch."
useInvertedBackground={false}
mediaPosition="left"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f4o33b&_wi=1"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f4o33b"
imageAlt="ranch restaurant outdoor terrace evening"
mediaAnimation="blur-reveal"
buttonText="Confirm Reservation"
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
name: "email", type: "email", placeholder: "Email Address", required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Phone Number",
required: true,
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
},
{
name: "date",
type: "date",
placeholder: "Preferred Date",
required: true,
name: "date", type: "date", placeholder: "Preferred Date", required: true,
},
{
name: "time",
type: "time",
placeholder: "Preferred Time",
required: true,
name: "time", type: "time", placeholder: "Preferred Time", required: true,
},
{
name: "guests",
type: "number",
placeholder: "Number of Guests",
required: true,
name: "guests", type: "number", placeholder: "Number of Guests", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Special requests or dietary preferences (optional)",
rows: 4,
name: "message", placeholder: "Special requests or dietary preferences (optional)", rows: 4,
}}
ariaLabel="Contact and reservation form"
/>