Compare commits
2 Commits
version_1_
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
| 890645c67e | |||
|
|
753a970724 |
@@ -1,247 +1,35 @@
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import FeaturesRevealCards from '@/components/sections/features/FeaturesRevealCards';
|
||||
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
|
||||
import HeroCenteredLogos from '@/components/sections/hero/HeroCenteredLogos';
|
||||
import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards';
|
||||
import PricingLayeredCards from '@/components/sections/pricing/PricingLayeredCards';
|
||||
import TestimonialColumnMarqueeCards from '@/components/sections/testimonial/TestimonialColumnMarqueeCards';
|
||||
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. Non-block content (wrappers, non-inlinable sections) is
|
||||
// preserved inline; extracted section blocks become <XSection/> refs.
|
||||
|
||||
export default function HomePage() {
|
||||
import React from 'react';
|
||||
import HomeSection from './HomePage/sections/Home';
|
||||
import FeaturesSection from './HomePage/sections/Features';
|
||||
import MenuSection from './HomePage/sections/Menu';
|
||||
import OffersSection from './HomePage/sections/Offers';
|
||||
import MetricsSection from './HomePage/sections/Metrics';
|
||||
import ReviewsSection from './HomePage/sections/Reviews';
|
||||
import ContactSection from './HomePage/sections/Contact';
|
||||
|
||||
|
||||
import FaqSection from './HomePage/sections/Faq';export default function HomePage(): React.JSX.Element {
|
||||
return (
|
||||
<>
|
||||
<div id="home" data-section="home">
|
||||
<SectionErrorBoundary name="home">
|
||||
<HeroCenteredLogos
|
||||
avatarsSrc={[
|
||||
"http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-young-woman-giving-thumbs-up-standing-isolated-rosy_176532-7958.jpg",
|
||||
"http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg",
|
||||
"http://img.b2bpic.net/free-photo/close-up-friends-posing-together_23-2149073437.jpg",
|
||||
"http://img.b2bpic.net/free-photo/funny-brunette-girl-yellow-sweater-eating-pizza-restaurant_627829-7943.jpg",
|
||||
"http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12311.jpg",
|
||||
]}
|
||||
avatarText="538+ Happy Customers"
|
||||
title="MARTIAN PIZZA"
|
||||
description="Fatehpur's Favourite Pizza Destination. Experience out of this world taste with fresh ingredients and fast delivery."
|
||||
primaryButton={{
|
||||
text: "Order Now",
|
||||
href: "#order",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
}}
|
||||
names={[
|
||||
"Martian",
|
||||
"Pizza",
|
||||
"Fatehpur",
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/delicious-smoke-cooked-food_23-2151259749.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<>
|
||||
<HomeSection />
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesRevealCards
|
||||
tag="Why Us"
|
||||
title="Why Martian Pizza Stands Out"
|
||||
description="We don't just make pizza, we craft an experience for you."
|
||||
items={[
|
||||
{
|
||||
title: "Fresh Ingredients",
|
||||
description: "We source the finest vegetables and cheese locally.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lump-dough-wooden-table-surrounded-with-tomatoes-onions_181624-34378.jpg",
|
||||
},
|
||||
{
|
||||
title: "Fast Delivery",
|
||||
description: "Your pizza reaches you steaming hot in minutes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-three-wheeled-vehicle-mobility-fast-travel_23-2151016501.jpg",
|
||||
},
|
||||
{
|
||||
title: "Hygienic Kitchen",
|
||||
description: "Our kitchen follows strict safety protocols.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-chef-working-kitchen_23-2149727988.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<FeaturesSection />
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<SectionErrorBoundary name="menu">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="Menu"
|
||||
title="Premium Pizza Collection"
|
||||
description="Hand-crafted pizzas made to order."
|
||||
items={[
|
||||
{
|
||||
title: "Veg Loaded Pizza",
|
||||
description: "₹299",
|
||||
href: "#order",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-traditional-italian-pizza_1328-3976.jpg",
|
||||
},
|
||||
{
|
||||
title: "Tandoori Paneer Pizza",
|
||||
description: "₹349",
|
||||
href: "#order",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-four-cheeses-pizza-with-melted-parmesan_114579-50853.jpg",
|
||||
},
|
||||
{
|
||||
title: "Farm Fresh Pizza",
|
||||
description: "₹319",
|
||||
href: "#order",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-person-holding-delicious-cooked-pizza-with-bouquet-chamomile-flowers_23-2148753715.jpg",
|
||||
},
|
||||
{
|
||||
title: "Cheese Burst Pizza",
|
||||
description: "₹399",
|
||||
href: "#order",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-epic-food-presentation_23-2151888646.jpg",
|
||||
},
|
||||
{
|
||||
title: "White Cheese Pasta",
|
||||
description: "₹249",
|
||||
href: "#order",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-delicious-pasta-meal-with-tomato-meat-green-blue-plate-ice-background_140725-143666.jpg",
|
||||
},
|
||||
{
|
||||
title: "Garlic Bread",
|
||||
description: "₹149",
|
||||
href: "#order",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-tasty-bread-with-garlic-cheese-herbs-kitchen-table_1150-47123.jpg",
|
||||
},
|
||||
{
|
||||
title: "Cold Drinks",
|
||||
description: "₹50",
|
||||
href: "#order",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-glasses-refreshment-grapefruit-cocktail-mint-background_23-2148102184.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<MenuSection />
|
||||
|
||||
<div id="offers" data-section="offers">
|
||||
<SectionErrorBoundary name="offers">
|
||||
<PricingLayeredCards
|
||||
tag="Offers"
|
||||
title="Special Deals"
|
||||
description="Amazing offers to save more."
|
||||
plans={[
|
||||
{
|
||||
tag: "Popular",
|
||||
price: "Buy 1 Get 1",
|
||||
description: "On all regular pizzas",
|
||||
primaryButton: {
|
||||
text: "Claim Deal",
|
||||
href: "#order",
|
||||
},
|
||||
features: [
|
||||
"Valid on weekdays",
|
||||
"Takeaway only",
|
||||
],
|
||||
},
|
||||
{
|
||||
tag: "Best Value",
|
||||
price: "Family Pack",
|
||||
description: "Pizza + Pasta + Drink",
|
||||
primaryButton: {
|
||||
text: "Claim Deal",
|
||||
href: "#order",
|
||||
},
|
||||
features: [
|
||||
"Free home delivery",
|
||||
"Serves 4",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<OffersSection />
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsMediaCards
|
||||
tag="Martian Stats"
|
||||
title="Our Journey"
|
||||
description="Milestones achieved in Fatehpur."
|
||||
metrics={[
|
||||
{
|
||||
value: "538+",
|
||||
title: "Happy Reviews",
|
||||
description: "We keep customers happy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/food-frame-with-dough-tomatoes_23-2148357181.jpg",
|
||||
},
|
||||
{
|
||||
value: "1.5K",
|
||||
title: "Pizzas Sold",
|
||||
description: "Serving quality every day.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-stainless-steel-kitchen-design-photo-was-made-restouraunt_613910-12332.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<MetricsSection />
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<SectionErrorBoundary name="reviews">
|
||||
<TestimonialColumnMarqueeCards
|
||||
tag="Reviews"
|
||||
title="Customer Stories"
|
||||
description="Hear what our beloved fans say."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Rahul Verma",
|
||||
role: "Local Guide",
|
||||
quote: "The food is excellent and staff is very humble.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
|
||||
},
|
||||
{
|
||||
name: "Priya Singh",
|
||||
role: "Foodie",
|
||||
quote: "Wide variety of pizzas, must try!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-african-american-woman-eating-homemade-cheese-pizza-pointing-showing-with-thumb-up-side-with-happy-face-smiling_839833-29959.jpg",
|
||||
},
|
||||
{
|
||||
name: "Amit Kumar",
|
||||
role: "Frequent Buyer",
|
||||
quote: "Price is reasonable, quality is great.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-satisfied-africanamerican-female-student-showing-thumbsup-winking-smiling_1258-148876.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sneha Gupta",
|
||||
role: "Student",
|
||||
quote: "The best cheese burst I've had in Fatehpur.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-eating-pizza_52683-111547.jpg",
|
||||
},
|
||||
{
|
||||
name: "Vikas Rai",
|
||||
role: "Regular",
|
||||
quote: "Consistent taste, always fresh.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-eating-delicious-pizza_23-2150317031.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<ReviewsSection />
|
||||
<FaqSection />
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Contact"
|
||||
text="Visit us at Verma Chauraha or order now via WhatsApp."
|
||||
primaryButton={{
|
||||
text: "WhatsApp Order",
|
||||
href: "https://wa.me/917007683072",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Call Now",
|
||||
href: "tel:+917007683072",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<ContactSection />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
27
src/pages/HomePage/sections/Contact.tsx
Normal file
27
src/pages/HomePage/sections/Contact.tsx
Normal file
@@ -0,0 +1,27 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "contact" section.
|
||||
|
||||
import React from 'react';
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function ContactSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Contact"
|
||||
text="Visit us at Verma Chauraha or order now via WhatsApp."
|
||||
primaryButton={{
|
||||
text: "WhatsApp Order",
|
||||
href: "https://wa.me/917007683072",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Call Now",
|
||||
href: "tel:+917007683072",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
53
src/pages/HomePage/sections/Faq.tsx
Normal file
53
src/pages/HomePage/sections/Faq.tsx
Normal file
@@ -0,0 +1,53 @@
|
||||
import Tag from '@/components/ui/Tag';
|
||||
import TextAnimation from '@/components/ui/TextAnimation';
|
||||
import ScrollReveal from '@/components/ui/ScrollReveal';
|
||||
import Accordion from '@/components/ui/Accordion';
|
||||
|
||||
export default function FaqSection() {
|
||||
const faqItems = [
|
||||
{
|
||||
title: "What is your delivery radius?",
|
||||
content: "We deliver within a 10km radius of our Fatehpur location to ensure your pizza arrives hot and fresh."
|
||||
},
|
||||
{
|
||||
title: "Do you offer vegetarian or vegan options?",
|
||||
content: "Yes! We have a wide variety of vegetarian pizzas, including our famous Veg Loaded and Tandoori Paneer. We also offer vegan cheese upon request."
|
||||
},
|
||||
{
|
||||
title: "What are your operating hours?",
|
||||
content: "We are open every day from 11:00 AM to 1:30 AM, perfect for lunch, dinner, and late-night cravings."
|
||||
},
|
||||
{
|
||||
title: "Do you offer contactless delivery?",
|
||||
content: "Absolutely. You can select 'No Contact Delivery' during checkout, and our rider will leave your order at your doorstep."
|
||||
}
|
||||
];
|
||||
|
||||
return (
|
||||
<div data-webild-section="faq" className="relative w-full py-24 bg-background">
|
||||
<div className="w-content-width mx-auto">
|
||||
<div className="flex flex-col items-center text-center mb-16">
|
||||
<ScrollReveal variant="fade">
|
||||
<Tag text="FAQ" className="mb-4" />
|
||||
</ScrollReveal>
|
||||
<TextAnimation
|
||||
text="Frequently Asked Questions"
|
||||
variant="fade-blur"
|
||||
gradientText={false}
|
||||
tag="h2"
|
||||
className="text-4xl md:text-5xl font-bold text-foreground mb-4"
|
||||
/>
|
||||
<ScrollReveal variant="fade" delay={0.2}>
|
||||
<p className="text-lg text-accent max-w-2xl mx-auto">
|
||||
Everything you need to know before you order your favorite Martian Pizza.
|
||||
</p>
|
||||
</ScrollReveal>
|
||||
</div>
|
||||
|
||||
<ScrollReveal variant="fade" delay={0.3} className="max-w-3xl mx-auto">
|
||||
<Accordion items={faqItems} />
|
||||
</ScrollReveal>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
37
src/pages/HomePage/sections/Features.tsx
Normal file
37
src/pages/HomePage/sections/Features.tsx
Normal file
@@ -0,0 +1,37 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "features" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesRevealCards from '@/components/sections/features/FeaturesRevealCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function FeaturesSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesRevealCards
|
||||
tag="Why Us"
|
||||
title="Why Martian Pizza Stands Out"
|
||||
description="We don't just make pizza, we craft an experience for you."
|
||||
items={[
|
||||
{
|
||||
title: "Fresh Ingredients",
|
||||
description: "We source the finest vegetables and cheese locally.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lump-dough-wooden-table-surrounded-with-tomatoes-onions_181624-34378.jpg",
|
||||
},
|
||||
{
|
||||
title: "Fast Delivery",
|
||||
description: "Your pizza reaches you steaming hot in minutes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-three-wheeled-vehicle-mobility-fast-travel_23-2151016501.jpg",
|
||||
},
|
||||
{
|
||||
title: "Hygienic Kitchen",
|
||||
description: "Our kitchen follows strict safety protocols.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-chef-working-kitchen_23-2149727988.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
41
src/pages/HomePage/sections/Home.tsx
Normal file
41
src/pages/HomePage/sections/Home.tsx
Normal file
@@ -0,0 +1,41 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "home" section.
|
||||
|
||||
import React from 'react';
|
||||
import HeroCenteredLogos from '@/components/sections/hero/HeroCenteredLogos';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function HomeSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="home" data-section="home">
|
||||
<SectionErrorBoundary name="home">
|
||||
<HeroCenteredLogos
|
||||
avatarsSrc={[
|
||||
"http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-young-woman-giving-thumbs-up-standing-isolated-rosy_176532-7958.jpg",
|
||||
"http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg",
|
||||
"http://img.b2bpic.net/free-photo/close-up-friends-posing-together_23-2149073437.jpg",
|
||||
"http://img.b2bpic.net/free-photo/funny-brunette-girl-yellow-sweater-eating-pizza-restaurant_627829-7943.jpg",
|
||||
"http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12311.jpg",
|
||||
]}
|
||||
avatarText="538+ Happy Customers"
|
||||
title="MARTIAN PIZZA"
|
||||
description="Fatehpur's Favourite Pizza Destination. Experience out of this world taste with fresh ingredients and fast delivery."
|
||||
primaryButton={{
|
||||
text: "Order Now",
|
||||
href: "#order",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
}}
|
||||
names={[
|
||||
"Martian",
|
||||
"Pizza",
|
||||
"Fatehpur",
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/delicious-smoke-cooked-food_23-2151259749.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="Menu"
|
||||
title="Premium Pizza Collection"
|
||||
description="Hand-crafted pizzas made to order."
|
||||
items={[
|
||||
{
|
||||
title: "Veg Loaded Pizza",
|
||||
description: "₹299",
|
||||
href: "#order",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-traditional-italian-pizza_1328-3976.jpg",
|
||||
},
|
||||
{
|
||||
title: "Tandoori Paneer Pizza",
|
||||
description: "₹349",
|
||||
href: "#order",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-four-cheeses-pizza-with-melted-parmesan_114579-50853.jpg",
|
||||
},
|
||||
{
|
||||
title: "Farm Fresh Pizza",
|
||||
description: "₹319",
|
||||
href: "#order",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-person-holding-delicious-cooked-pizza-with-bouquet-chamomile-flowers_23-2148753715.jpg",
|
||||
},
|
||||
{
|
||||
title: "Cheese Burst Pizza",
|
||||
description: "₹399",
|
||||
href: "#order",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-epic-food-presentation_23-2151888646.jpg",
|
||||
},
|
||||
{
|
||||
title: "White Cheese Pasta",
|
||||
description: "₹249",
|
||||
href: "#order",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-delicious-pasta-meal-with-tomato-meat-green-blue-plate-ice-background_140725-143666.jpg",
|
||||
},
|
||||
{
|
||||
title: "Garlic Bread",
|
||||
description: "₹149",
|
||||
href: "#order",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-tasty-bread-with-garlic-cheese-herbs-kitchen-table_1150-47123.jpg",
|
||||
},
|
||||
{
|
||||
title: "Cold Drinks",
|
||||
description: "₹50",
|
||||
href: "#order",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-glasses-refreshment-grapefruit-cocktail-mint-background_23-2148102184.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
34
src/pages/HomePage/sections/Metrics.tsx
Normal file
34
src/pages/HomePage/sections/Metrics.tsx
Normal file
@@ -0,0 +1,34 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "metrics" section.
|
||||
|
||||
import React from 'react';
|
||||
import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function MetricsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsMediaCards
|
||||
tag="Martian Stats"
|
||||
title="Our Journey"
|
||||
description="Milestones achieved in Fatehpur."
|
||||
metrics={[
|
||||
{
|
||||
value: "538+",
|
||||
title: "Happy Reviews",
|
||||
description: "We keep customers happy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/food-frame-with-dough-tomatoes_23-2148357181.jpg",
|
||||
},
|
||||
{
|
||||
value: "1.5K",
|
||||
title: "Pizzas Sold",
|
||||
description: "Serving quality every day.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-stainless-steel-kitchen-design-photo-was-made-restouraunt_613910-12332.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
48
src/pages/HomePage/sections/Offers.tsx
Normal file
48
src/pages/HomePage/sections/Offers.tsx
Normal file
@@ -0,0 +1,48 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "offers" section.
|
||||
|
||||
import React from 'react';
|
||||
import PricingLayeredCards from '@/components/sections/pricing/PricingLayeredCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function OffersSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="offers" data-section="offers">
|
||||
<SectionErrorBoundary name="offers">
|
||||
<PricingLayeredCards
|
||||
tag="Offers"
|
||||
title="Special Deals"
|
||||
description="Amazing offers to save more."
|
||||
plans={[
|
||||
{
|
||||
tag: "Popular",
|
||||
price: "Buy 1 Get 1",
|
||||
description: "On all regular pizzas",
|
||||
primaryButton: {
|
||||
text: "Claim Deal",
|
||||
href: "#order",
|
||||
},
|
||||
features: [
|
||||
"Valid on weekdays",
|
||||
"Takeaway only",
|
||||
],
|
||||
},
|
||||
{
|
||||
tag: "Best Value",
|
||||
price: "Family Pack",
|
||||
description: "Pizza + Pasta + Drink",
|
||||
primaryButton: {
|
||||
text: "Claim Deal",
|
||||
href: "#order",
|
||||
},
|
||||
features: [
|
||||
"Free home delivery",
|
||||
"Serves 4",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
52
src/pages/HomePage/sections/Reviews.tsx
Normal file
52
src/pages/HomePage/sections/Reviews.tsx
Normal file
@@ -0,0 +1,52 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "reviews" section.
|
||||
|
||||
import React from 'react';
|
||||
import TestimonialColumnMarqueeCards from '@/components/sections/testimonial/TestimonialColumnMarqueeCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function ReviewsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="reviews" data-section="reviews">
|
||||
<SectionErrorBoundary name="reviews">
|
||||
<TestimonialColumnMarqueeCards
|
||||
tag="Reviews"
|
||||
title="Customer Stories"
|
||||
description="Hear what our beloved fans say."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Rahul Verma",
|
||||
role: "Local Guide",
|
||||
quote: "The food is excellent and staff is very humble.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
|
||||
},
|
||||
{
|
||||
name: "Priya Singh",
|
||||
role: "Foodie",
|
||||
quote: "Wide variety of pizzas, must try!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-african-american-woman-eating-homemade-cheese-pizza-pointing-showing-with-thumb-up-side-with-happy-face-smiling_839833-29959.jpg",
|
||||
},
|
||||
{
|
||||
name: "Amit Kumar",
|
||||
role: "Frequent Buyer",
|
||||
quote: "Price is reasonable, quality is great.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-satisfied-africanamerican-female-student-showing-thumbsup-winking-smiling_1258-148876.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sneha Gupta",
|
||||
role: "Student",
|
||||
quote: "The best cheese burst I've had in Fatehpur.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-eating-pizza_52683-111547.jpg",
|
||||
},
|
||||
{
|
||||
name: "Vikas Rai",
|
||||
role: "Regular",
|
||||
quote: "Consistent taste, always fresh.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-eating-delicious-pizza_23-2150317031.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user