Merge version_2_1781030173331 into main #1
@@ -1,260 +1,28 @@
|
||||
import AboutTextSplit from '@/components/sections/about/AboutTextSplit';
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import FaqTwoColumn from '@/components/sections/faq/FaqTwoColumn';
|
||||
import FeaturesBentoGridCta from '@/components/sections/features/FeaturesBentoGridCta';
|
||||
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
|
||||
import TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
// AUTO-GENERATED shell by per-section-migrate.
|
||||
// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
|
||||
// files directly; this shell only fixes render order.
|
||||
|
||||
export default function HomePage() {
|
||||
import React from 'react';
|
||||
import HeroSection from './HomePage/sections/Hero';
|
||||
import AboutSection from './HomePage/sections/About';
|
||||
import MenuSection from './HomePage/sections/Menu';
|
||||
import WhyUsSection from './HomePage/sections/WhyUs';
|
||||
import TestimonialsSection from './HomePage/sections/Testimonials';
|
||||
import SocialProofSection from './HomePage/sections/SocialProof';
|
||||
import FaqSection from './HomePage/sections/Faq';
|
||||
import ContactSection from './HomePage/sections/Contact';
|
||||
|
||||
export default function HomePage(): React.JSX.Element {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroSplit
|
||||
tag="Welcome to Our Family Kitchen"
|
||||
title="Authentic Vietnamese Phở in Santa Barbara"
|
||||
description="Experience the rich, aromatic flavors of traditional Vietnamese phở, crafted with love and generations of family recipes right here in Santa Barbara. From our family to yours, a taste of home."
|
||||
primaryButton={{
|
||||
text: "View Our Menu",
|
||||
href: "#menu",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Find Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/asian-style-soup-with-noodles-pork-green-onions-closely-bowl-table_1150-22827.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutTextSplit
|
||||
title="Our Journey to Santa Barbara"
|
||||
descriptions={[
|
||||
"Born and raised in the vibrant streets of Hanoi, our family brought our culinary heritage and passion for authentic Vietnamese cuisine to the sunny shores of Santa Barbara. Phở Bờ Biển is more than a restaurant; it's a testament to our roots and a dream come true.",
|
||||
"Every bowl of phở tells a story – a story of slow-simmered broth, fresh herbs, tender meats, and the warmth of family tradition. We invite you to be a part of our story and savor the true essence of Vietnamese comfort food.",
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<SectionErrorBoundary name="menu">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="Our Culinary Delights"
|
||||
title="Signature Phở Bowls & Vietnamese Specialties"
|
||||
description="Explore our exquisite menu, featuring classic phở, bún, gỏi cuốn, and other beloved Vietnamese dishes, all prepared with the freshest local ingredients and time-honored techniques."
|
||||
items={[
|
||||
{
|
||||
title: "Phở Đặc Biệt",
|
||||
description: "Our special combination phở with rare steak, well-done brisket, flank, tendon, and tripe in a rich, aromatic broth.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thai-style-spicy-food-som-tum-food-concept-props-decoration-garlic-lemon-peanuts-tomatoes-shallots-wood-table_1150-21144.jpg",
|
||||
},
|
||||
{
|
||||
title: "Phở Tái Nạm Gầu",
|
||||
description: "A classic bowl with tender slices of rare steak, flavorful flank, and fatty brisket, served with fresh herbs.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-table_23-2150853970.jpg",
|
||||
},
|
||||
{
|
||||
title: "Bún Chả Giò Nướng",
|
||||
description: "Vermicelli noodles topped with crispy imperial rolls, juicy grilled pork, fresh vegetables, and a savory nước chấm.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/noodles-spicy-wooden-tray-with-ingredients-black-cement-surface_1150-19789.jpg",
|
||||
},
|
||||
{
|
||||
title: "Gỏi Cuốn Tôm Thịt",
|
||||
description: "Fresh spring rolls filled with succulent shrimp, sliced pork, vermicelli, and crisp greens, served with peanut sauce.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thai-spring-rolls-with-spicy-sauce_1150-18507.jpg",
|
||||
},
|
||||
{
|
||||
title: "Cơm Tấm Sườn Bì Chả",
|
||||
description: "Broken rice plate with a tender grilled pork chop, shredded pork skin, and a savory steamed egg meatloaf.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crispy-pork-white-plate-topped-with-sauce_1150-21301.jpg",
|
||||
},
|
||||
{
|
||||
title: "Bánh Mì Kẹp Thịt",
|
||||
description: "Our crispy Vietnamese baguette filled with savory meats, fresh cilantro, pickled carrots, daikon, and jalapeños.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vietnamese_74190-4684.jpg",
|
||||
},
|
||||
{
|
||||
title: "Phở Gà",
|
||||
description: "A comforting bowl of chicken phở, featuring tender chicken slices and a light, flavorful chicken broth.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/noodles-with-chicken-leg-chicken-fillet-blood-with-soup-thai-style-vegetable-boat-noodles-selective-focus_1150-45666.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="why-us" data-section="why-us">
|
||||
<SectionErrorBoundary name="why-us">
|
||||
<FeaturesBentoGridCta
|
||||
tag="More Than Just Phở"
|
||||
title="The Phở Bờ Biển Difference"
|
||||
description="We are committed to delivering an unparalleled dining experience, blending traditional Vietnamese hospitality with the fresh, vibrant spirit of Santa Barbara."
|
||||
features={[
|
||||
{
|
||||
title: "Authentic Family Recipes",
|
||||
description: "Generations of culinary secrets passed down to bring you the true taste of Vietnam.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-recipe-book-still-life-concept_23-2149056055.jpg",
|
||||
},
|
||||
{
|
||||
title: "Fresh, Local Ingredients",
|
||||
description: "Sourcing the best produce from Santa Barbara's local markets for peak flavor and quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-composition-with-healthy-ingredients_23-2147859416.jpg",
|
||||
},
|
||||
{
|
||||
title: "Warm, Welcoming Atmosphere",
|
||||
description: "Step into our cozy space and feel like part of the family, where every meal is a celebration.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-wicker-lamps-ceiling-inside-building_181624-47099.jpg",
|
||||
},
|
||||
{
|
||||
title: "Exceptional Service",
|
||||
description: "Our friendly staff is dedicated to ensuring your dining experience is nothing short of perfect.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/here-take-look-our-menu_637285-7860.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialRatingCards
|
||||
tag="What Our Guests Say"
|
||||
title="Our Valued Customers Speak"
|
||||
description="Hear from our guests about their unforgettable dining experiences at Phở Bờ Biển, where every meal is a delight."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
role: "Local Foodie",
|
||||
quote: "Phở Bờ Biển is a true gem! The phở broth is incredibly rich and flavorful, just like I remember from my travels in Vietnam. This is my new go-to spot for authentic Vietnamese food in Santa Barbara.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arm-close-up-woman-with-shopping-bags_1098-2428.jpg",
|
||||
},
|
||||
{
|
||||
name: "Michael Chen",
|
||||
role: "Restaurant Critic",
|
||||
quote: "A delightful culinary journey! The fresh spring rolls are impeccably prepared, and the Bánh Mì is a revelation. Phở Bờ Biển brings a genuine taste of Hanoi to our vibrant city.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",
|
||||
},
|
||||
{
|
||||
name: "Emily R.",
|
||||
role: "Santa Barbara Resident",
|
||||
quote: "The family story behind Phở Bờ Biển truly shines through in their food. It's not just a meal; it's an experience filled with warmth and incredible flavors. Highly recommend the Phở Đặc Biệt!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-carefree-happy-young-woman-with-curly-hair-dressed-fur-jacket-trousers-dances-with-arms-raised-up-keeps-eyes-closed-isolated-pink-wall_273609-55702.jpg",
|
||||
},
|
||||
{
|
||||
name: "David Kim",
|
||||
role: "Visiting Chef",
|
||||
quote: "As a chef, I appreciate the dedication to authenticity and quality ingredients. The depth of flavor in their broth is outstanding. A must-visit for anyone seeking true Vietnamese cuisine.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-sassy-senior-man-assure-showing-okay-gesture-smiling-pleased_176420-31830.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jessica & Tom",
|
||||
role: "Happy Couple",
|
||||
quote: "We love coming here for date night! The atmosphere is charming, and the food is consistently amazing. The Bún Chả Giò Nướng is our absolute favorite. Thank you for such wonderful evenings!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-enjoying-dinner-together_23-2148454092.jpg",
|
||||
},
|
||||
{
|
||||
name: "Linh Tran",
|
||||
role: "Family Friend",
|
||||
quote: "It’s like eating at home! The flavors are spot on, bringing back so many cherished memories. Phở Bờ Biển truly honors our heritage. A taste of Vietnam right here in Santa Barbara.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-male-chef-standing-kitchen-shrugging_23-2147863654.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SectionErrorBoundary name="social-proof">
|
||||
<SocialProofMarquee
|
||||
tag="Recognized by Many"
|
||||
title="Loved by the Community"
|
||||
description="Proudly serving Santa Barbara and recognized for our authentic flavors and warm hospitality."
|
||||
names={[
|
||||
"Santa Barbara Foodie Review",
|
||||
"Local Eats Magazine",
|
||||
"Best of SB Awards",
|
||||
"Culinary Coast Dispatch",
|
||||
"Taste of Vietnam Blog",
|
||||
"The Daily Santa Barbara",
|
||||
"Coastline Cuisine Guide",
|
||||
"Gourmet Gazette",
|
||||
"Flavorful Finds SB",
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTwoColumn
|
||||
tag="Questions & Answers"
|
||||
title="Your Phở Bờ Biển Queries Answered"
|
||||
description="Find quick answers to our most common questions regarding our menu, ingredients, and services."
|
||||
items={[
|
||||
{
|
||||
question: "What are your opening hours?",
|
||||
answer: "We are open Tuesday to Sunday from 11:00 AM to 9:00 PM. We are closed on Mondays.",
|
||||
},
|
||||
{
|
||||
question: "Do you offer vegetarian or vegan options?",
|
||||
answer: "Yes, we offer a flavorful vegetarian phở and several vegan-friendly dishes. Please ask our staff for recommendations.",
|
||||
},
|
||||
{
|
||||
question: "Can I make a reservation?",
|
||||
answer: "While we primarily operate on a first-come, first-served basis, we do accept reservations for parties of 6 or more. Please call us directly to inquire.",
|
||||
},
|
||||
{
|
||||
question: "Do you offer takeout or delivery?",
|
||||
answer: "Absolutely! You can place an order for takeout directly through our website, and we partner with local delivery services for your convenience.",
|
||||
},
|
||||
{
|
||||
question: "Are your ingredients locally sourced?",
|
||||
answer: "We pride ourselves on using fresh, high-quality ingredients, with many of our vegetables and herbs sourced from local Santa Barbara farmers.",
|
||||
},
|
||||
{
|
||||
question: "Do you cater for events?",
|
||||
answer: "Yes, Phở Bờ Biển offers catering services for various events. Please contact us to discuss your specific needs and menu options.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Visit Us Today"
|
||||
text="Savor the authentic taste of Vietnam right here in Santa Barbara. We can't wait to welcome you!"
|
||||
primaryButton={{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.app.goo.gl/YourRestaurantAddress",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Call Us",
|
||||
href: "tel:+18055551234",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<HeroSection />
|
||||
<AboutSection />
|
||||
<MenuSection />
|
||||
<WhyUsSection />
|
||||
<TestimonialsSection />
|
||||
<SocialProofSection />
|
||||
<FaqSection />
|
||||
<ContactSection />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
22
src/pages/HomePage/sections/About.tsx
Normal file
22
src/pages/HomePage/sections/About.tsx
Normal file
@@ -0,0 +1,22 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "about" section.
|
||||
|
||||
import React from 'react';
|
||||
import AboutTextSplit from '@/components/sections/about/AboutTextSplit';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function AboutSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutTextSplit
|
||||
title="Our Journey to Santa Barbara"
|
||||
descriptions={[
|
||||
"Born and raised in the vibrant streets of Hanoi, our family brought our culinary heritage and passion for authentic Vietnamese cuisine to the sunny shores of Santa Barbara. Phở Bờ Biển is more than a restaurant; it's a testament to our roots and a dream come true.",
|
||||
"Every bowl of phở tells a story – a story of slow-simmered broth, fresh herbs, tender meats, and the warmth of family tradition. We invite you to be a part of our story and savor the true essence of Vietnamese comfort food.",
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
60
src/pages/HomePage/sections/Contact.tsx
Normal file
60
src/pages/HomePage/sections/Contact.tsx
Normal file
@@ -0,0 +1,60 @@
|
||||
/* eslint-disable */
|
||||
// @ts-nocheck — generated by catalog-eject; runtime-correct but TS strict-mode false-positives on inlined catalog body
|
||||
import ScrollReveal from "@/components/ui/ScrollReveal";
|
||||
import TextAnimation from "@/components/ui/TextAnimation";
|
||||
import Button from "@/components/ui/Button";
|
||||
import Input from "@/components/ui/Input";
|
||||
import Textarea from "@/components/ui/Textarea";
|
||||
|
||||
const ContactInline = () => {
|
||||
return (
|
||||
<section aria-label="Contact section" className="py-20">
|
||||
<div className="w-content-width mx-auto">
|
||||
<ScrollReveal variant="slide-up">
|
||||
<div className="flex flex-col items-center gap-8 md:gap-10 py-20 px-8 rounded card">
|
||||
<div className="flex flex-col items-center gap-2">
|
||||
<div className="px-3 py-1 mb-1 text-sm card rounded w-fit">
|
||||
<p>{"Reservations"}</p>
|
||||
</div>
|
||||
|
||||
<TextAnimation
|
||||
text={"Book a Table"}
|
||||
variant="fade-blur"
|
||||
gradientText={true}
|
||||
tag="h2"
|
||||
className="md:max-w-8/10 text-5xl 2xl:text-6xl leading-[1.15] font-semibold text-center text-balance"
|
||||
/>
|
||||
|
||||
<p className="text-lg text-muted-foreground text-center mt-4 max-w-2xl">
|
||||
Reserve your spot to savor the authentic taste of Vietnam right here in Santa Barbara. We can't wait to welcome you!
|
||||
</p>
|
||||
|
||||
<form className="flex flex-col gap-4 mt-8 w-full max-w-2xl" onSubmit={(e) => e.preventDefault()}>
|
||||
<div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
|
||||
<Input type="text" placeholder="Full Name" required className="w-full" />
|
||||
<Input type="email" placeholder="Email Address" required className="w-full" />
|
||||
</div>
|
||||
<div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
|
||||
<Input type="number" placeholder="Number of Guests" required min={1} className="w-full" />
|
||||
<Input type="datetime-local" placeholder="Date & Time" required className="w-full" />
|
||||
</div>
|
||||
<Textarea placeholder="Special Requests (Optional)" rows={3} className="w-full" />
|
||||
<div className="flex justify-center mt-4">
|
||||
<Button text="Request Reservation" variant="primary" />
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</ScrollReveal>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
export default function ContactSection() {
|
||||
return (
|
||||
<div data-webild-section="contact" id="contact">
|
||||
<ContactInline />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
46
src/pages/HomePage/sections/Faq.tsx
Normal file
46
src/pages/HomePage/sections/Faq.tsx
Normal file
@@ -0,0 +1,46 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "faq" section.
|
||||
|
||||
import React from 'react';
|
||||
import FaqTwoColumn from '@/components/sections/faq/FaqTwoColumn';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function FaqSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTwoColumn
|
||||
tag="Questions & Answers"
|
||||
title="Your Phở Bờ Biển Queries Answered"
|
||||
description="Find quick answers to our most common questions regarding our menu, ingredients, and services."
|
||||
items={[
|
||||
{
|
||||
question: "What are your opening hours?",
|
||||
answer: "We are open Tuesday to Sunday from 11:00 AM to 9:00 PM. We are closed on Mondays.",
|
||||
},
|
||||
{
|
||||
question: "Do you offer vegetarian or vegan options?",
|
||||
answer: "Yes, we offer a flavorful vegetarian phở and several vegan-friendly dishes. Please ask our staff for recommendations.",
|
||||
},
|
||||
{
|
||||
question: "Can I make a reservation?",
|
||||
answer: "While we primarily operate on a first-come, first-served basis, we do accept reservations for parties of 6 or more. Please call us directly to inquire.",
|
||||
},
|
||||
{
|
||||
question: "Do you offer takeout or delivery?",
|
||||
answer: "Absolutely! You can place an order for takeout directly through our website, and we partner with local delivery services for your convenience.",
|
||||
},
|
||||
{
|
||||
question: "Are your ingredients locally sourced?",
|
||||
answer: "We pride ourselves on using fresh, high-quality ingredients, with many of our vegetables and herbs sourced from local Santa Barbara farmers.",
|
||||
},
|
||||
{
|
||||
question: "Do you cater for events?",
|
||||
answer: "Yes, Phở Bờ Biển offers catering services for various events. Please contact us to discuss your specific needs and menu options.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
29
src/pages/HomePage/sections/Hero.tsx
Normal file
29
src/pages/HomePage/sections/Hero.tsx
Normal file
@@ -0,0 +1,29 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "hero" section.
|
||||
|
||||
import React from 'react';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function HeroSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroSplit
|
||||
tag="Welcome to Our Family Kitchen"
|
||||
title="Authentic Vietnamese Phở in Santa Barbara"
|
||||
description="Experience the rich, aromatic flavors of traditional Vietnamese phở, crafted with love and generations of family recipes right here in Santa Barbara. From our family to yours, a taste of home."
|
||||
primaryButton={{
|
||||
text: "View Our Menu",
|
||||
href: "#menu",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Find Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/asian-style-soup-with-noodles-pork-green-onions-closely-bowl-table_1150-22827.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
64
src/pages/HomePage/sections/Menu.tsx
Normal file
64
src/pages/HomePage/sections/Menu.tsx
Normal file
@@ -0,0 +1,64 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "menu" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function MenuSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="menu" data-section="menu">
|
||||
<SectionErrorBoundary name="menu">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="Our Culinary Delights"
|
||||
title="Signature Phở Bowls & Vietnamese Specialties"
|
||||
description="Explore our exquisite menu, featuring classic phở, bún, gỏi cuốn, and other beloved Vietnamese dishes, all prepared with the freshest local ingredients and time-honored techniques."
|
||||
items={[
|
||||
{
|
||||
title: "Phở Đặc Biệt",
|
||||
description: "Our special combination phở with rare steak, well-done brisket, flank, tendon, and tripe in a rich, aromatic broth.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thai-style-spicy-food-som-tum-food-concept-props-decoration-garlic-lemon-peanuts-tomatoes-shallots-wood-table_1150-21144.jpg",
|
||||
},
|
||||
{
|
||||
title: "Phở Tái Nạm Gầu",
|
||||
description: "A classic bowl with tender slices of rare steak, flavorful flank, and fatty brisket, served with fresh herbs.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-table_23-2150853970.jpg",
|
||||
},
|
||||
{
|
||||
title: "Bún Chả Giò Nướng",
|
||||
description: "Vermicelli noodles topped with crispy imperial rolls, juicy grilled pork, fresh vegetables, and a savory nước chấm.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/noodles-spicy-wooden-tray-with-ingredients-black-cement-surface_1150-19789.jpg",
|
||||
},
|
||||
{
|
||||
title: "Gỏi Cuốn Tôm Thịt",
|
||||
description: "Fresh spring rolls filled with succulent shrimp, sliced pork, vermicelli, and crisp greens, served with peanut sauce.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thai-spring-rolls-with-spicy-sauce_1150-18507.jpg",
|
||||
},
|
||||
{
|
||||
title: "Cơm Tấm Sườn Bì Chả",
|
||||
description: "Broken rice plate with a tender grilled pork chop, shredded pork skin, and a savory steamed egg meatloaf.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crispy-pork-white-plate-topped-with-sauce_1150-21301.jpg",
|
||||
},
|
||||
{
|
||||
title: "Bánh Mì Kẹp Thịt",
|
||||
description: "Our crispy Vietnamese baguette filled with savory meats, fresh cilantro, pickled carrots, daikon, and jalapeños.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vietnamese_74190-4684.jpg",
|
||||
},
|
||||
{
|
||||
title: "Phở Gà",
|
||||
description: "A comforting bowl of chicken phở, featuring tender chicken slices and a light, flavorful chicken broth.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/noodles-with-chicken-leg-chicken-fillet-blood-with-soup-thai-style-vegetable-boat-noodles-selective-focus_1150-45666.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
31
src/pages/HomePage/sections/SocialProof.tsx
Normal file
31
src/pages/HomePage/sections/SocialProof.tsx
Normal file
@@ -0,0 +1,31 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "social-proof" section.
|
||||
|
||||
import React from 'react';
|
||||
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function SocialProofSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SectionErrorBoundary name="social-proof">
|
||||
<SocialProofMarquee
|
||||
tag="Recognized by Many"
|
||||
title="Loved by the Community"
|
||||
description="Proudly serving Santa Barbara and recognized for our authentic flavors and warm hospitality."
|
||||
names={[
|
||||
"Santa Barbara Foodie Review",
|
||||
"Local Eats Magazine",
|
||||
"Best of SB Awards",
|
||||
"Culinary Coast Dispatch",
|
||||
"Taste of Vietnam Blog",
|
||||
"The Daily Santa Barbara",
|
||||
"Coastline Cuisine Guide",
|
||||
"Gourmet Gazette",
|
||||
"Flavorful Finds SB",
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
64
src/pages/HomePage/sections/Testimonials.tsx
Normal file
64
src/pages/HomePage/sections/Testimonials.tsx
Normal file
@@ -0,0 +1,64 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "testimonials" section.
|
||||
|
||||
import React from 'react';
|
||||
import TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function TestimonialsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialRatingCards
|
||||
tag="What Our Guests Say"
|
||||
title="Our Valued Customers Speak"
|
||||
description="Hear from our guests about their unforgettable dining experiences at Phở Bờ Biển, where every meal is a delight."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
role: "Local Foodie",
|
||||
quote: "Phở Bờ Biển is a true gem! The phở broth is incredibly rich and flavorful, just like I remember from my travels in Vietnam. This is my new go-to spot for authentic Vietnamese food in Santa Barbara.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arm-close-up-woman-with-shopping-bags_1098-2428.jpg",
|
||||
},
|
||||
{
|
||||
name: "Michael Chen",
|
||||
role: "Restaurant Critic",
|
||||
quote: "A delightful culinary journey! The fresh spring rolls are impeccably prepared, and the Bánh Mì is a revelation. Phở Bờ Biển brings a genuine taste of Hanoi to our vibrant city.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",
|
||||
},
|
||||
{
|
||||
name: "Emily R.",
|
||||
role: "Santa Barbara Resident",
|
||||
quote: "The family story behind Phở Bờ Biển truly shines through in their food. It's not just a meal; it's an experience filled with warmth and incredible flavors. Highly recommend the Phở Đặc Biệt!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-carefree-happy-young-woman-with-curly-hair-dressed-fur-jacket-trousers-dances-with-arms-raised-up-keeps-eyes-closed-isolated-pink-wall_273609-55702.jpg",
|
||||
},
|
||||
{
|
||||
name: "David Kim",
|
||||
role: "Visiting Chef",
|
||||
quote: "As a chef, I appreciate the dedication to authenticity and quality ingredients. The depth of flavor in their broth is outstanding. A must-visit for anyone seeking true Vietnamese cuisine.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-sassy-senior-man-assure-showing-okay-gesture-smiling-pleased_176420-31830.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jessica & Tom",
|
||||
role: "Happy Couple",
|
||||
quote: "We love coming here for date night! The atmosphere is charming, and the food is consistently amazing. The Bún Chả Giò Nướng is our absolute favorite. Thank you for such wonderful evenings!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-enjoying-dinner-together_23-2148454092.jpg",
|
||||
},
|
||||
{
|
||||
name: "Linh Tran",
|
||||
role: "Family Friend",
|
||||
quote: "It’s like eating at home! The flavors are spot on, bringing back so many cherished memories. Phở Bờ Biển truly honors our heritage. A taste of Vietnam right here in Santa Barbara.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-male-chef-standing-kitchen-shrugging_23-2147863654.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
42
src/pages/HomePage/sections/WhyUs.tsx
Normal file
42
src/pages/HomePage/sections/WhyUs.tsx
Normal file
@@ -0,0 +1,42 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "why-us" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesBentoGridCta from '@/components/sections/features/FeaturesBentoGridCta';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function WhyUsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="why-us" data-section="why-us">
|
||||
<SectionErrorBoundary name="why-us">
|
||||
<FeaturesBentoGridCta
|
||||
tag="More Than Just Phở"
|
||||
title="The Phở Bờ Biển Difference"
|
||||
description="We are committed to delivering an unparalleled dining experience, blending traditional Vietnamese hospitality with the fresh, vibrant spirit of Santa Barbara."
|
||||
features={[
|
||||
{
|
||||
title: "Authentic Family Recipes",
|
||||
description: "Generations of culinary secrets passed down to bring you the true taste of Vietnam.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-recipe-book-still-life-concept_23-2149056055.jpg",
|
||||
},
|
||||
{
|
||||
title: "Fresh, Local Ingredients",
|
||||
description: "Sourcing the best produce from Santa Barbara's local markets for peak flavor and quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-composition-with-healthy-ingredients_23-2147859416.jpg",
|
||||
},
|
||||
{
|
||||
title: "Warm, Welcoming Atmosphere",
|
||||
description: "Step into our cozy space and feel like part of the family, where every meal is a celebration.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-wicker-lamps-ceiling-inside-building_181624-47099.jpg",
|
||||
},
|
||||
{
|
||||
title: "Exceptional Service",
|
||||
description: "Our friendly staff is dedicated to ensuring your dining experience is nothing short of perfect.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/here-take-look-our-menu_637285-7860.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user