bender/2e1fc49e-0f1c-44de-8f35-72e5a01cb692
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #6

Merged
bender merged 5 commits from version_2 into main 2026-05-23 21:39:09 +00:00
Conversation 0 Commits 5 Files Changed 5 +94 -411
5 changed files with 94 additions and 411 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -2,82 +2,18 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterSimple from '@/components/sections/footer/FooterSimple';
import LegalSection from '@/components/legal/LegalSection';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FooterSimple from '@/components/sections/footer/FooterSimple';
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="small"
sizing="large"
background="grid"
cardStyle="subtle-shadow"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="solid"
headingFontWeight="extrabold"
>
<ThemeProvider>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Home", id: "/" },
{ name: "Menu", id: "/menu" },
{ name: "Catering", id: "/catering" },
{ name: "Reservations", id: "/reservations" },
{ name: "About", id: "/about" },
]}
brandName="ABC Barbeque"
/>
</div>
<div id="legal" data-section="legal">
<LegalSection
layout="section"
title="Our Smoking Story"
sections={[
{
heading: "Our Roots", content: { text: "ABC Barbeque was born in the backyards of Cambridge, fueled by a passion for slow-cooked perfection." }
},
]}
/>
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
title="Meet The Pitmasters"
description="The hands behind the fire."
names={["Head Pitmaster Alex", "Chef Jamie", "Sous-Chef Sam"]}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Links", items: [
{ label: "Menu", href: "/menu" },
{ label: "Catering", href: "/catering" },
{ label: "About", href: "/about" },
],
},
{
title: "Contact", items: [
{ label: "Contact Us", href: "/contact" },
{ label: "Reservations", href: "/reservations" },
],
},
]}
bottomLeftText="© 2024 ABC Barbeque, Cambridge"
bottomRightText="Accessibility Policy"
/>
<NavbarStyleApple navItems={[{name: "Home", id: "/"}, {name: "Menu", id: "/menu"}, {name: "Catering", id: "/catering"}, {name: "Reservations", id: "/reservations"}, {name: "About", id: "/about"}, {name: "Gallery", id: "/gallery"}, {name: "Contact", id: "/contact"}]} brandName="ABC Barbeque" />
<div className="pt-32 pb-20 container mx-auto text-center">
<h1 className="text-5xl font-bold">About Us</h1>
</div>
<FooterSimple columns={[]} />
</ReactLenis>
</ThemeProvider>
);

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

@@ -0,0 +1,19 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
export default function ContactPage() {
return (
<ThemeProvider>
<ReactLenis root>
<NavbarStyleApple navItems={[{name: "Home", id: "/"}, {name: "Menu", id: "/menu"}, {name: "Catering", id: "/catering"}, {name: "Reservations", id: "/reservations"}, {name: "About", id: "/about"}, {name: "Gallery", id: "/gallery"}, {name: "Contact", id: "/contact"}]} brandName="ABC Barbeque" />
<ContactSplitForm title="Contact Us" description="How can we help?" inputs={[{name: "name", type: "text", placeholder: "Name"}, {name: "email", type: "email", placeholder: "Email"}]} />
<FooterSimple columns={[]} />
</ReactLenis>
</ThemeProvider>
);
}

20
src/app/gallery/page.tsx Normal file
View File

@@ -0,0 +1,20 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import FooterSimple from '@/components/sections/footer/FooterSimple';
export default function GalleryPage() {
return (
<ThemeProvider>
<ReactLenis root>
<NavbarStyleApple navItems={[{name: "Home", id: "/"}, {name: "Menu", id: "/menu"}, {name: "Catering", id: "/catering"}, {name: "Reservations", id: "/reservations"}, {name: "About", id: "/about"}, {name: "Gallery", id: "/gallery"}, {name: "Contact", id: "/contact"}]} brandName="ABC Barbeque" />
<div className="pt-32 pb-20 container mx-auto text-center">
<h1 className="text-5xl font-bold">Gallery</h1>
</div>
<FooterSimple columns={[]} />
</ReactLenis>
</ThemeProvider>
);
}

103
src/app/menu/page.tsx
View File

@@ -2,104 +2,19 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterSimple from '@/components/sections/footer/FooterSimple';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCatalogItem from '@/components/ecommerce/productCatalog/ProductCatalogItem';
import FooterSimple from '@/components/sections/footer/FooterSimple';
export default function LandingPage() {
export default function MenuPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="small"
sizing="large"
background="grid"
cardStyle="subtle-shadow"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="solid"
headingFontWeight="extrabold"
>
<ThemeProvider>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Menu",
id: "/menu",
},
{
name: "Catering",
id: "/catering",
},
{
name: "Reservations",
id: "/reservations",
},
{
name: "About",
id: "/about",
},
]}
brandName="ABC Barbeque"
/>
</div>
<div id="ecommerce" data-section="ecommerce">
<ProductCatalogItem
product={{
id: "menu-feat",
name: "Grand Smoked Platter",
price: "£45",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pork-roasted-grilled-spare-ribs-from-summer-bbq-served-with-vegetables-asparagus-baby-carrots-fresh-tomatoes-spices-smoked-ribs-white-plate-stone-surface-top-view_1150-44913.jpg",
}}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Links",
items: [
{
label: "Menu",
href: "/menu",
},
{
label: "Catering",
href: "/catering",
},
{
label: "About",
href: "/about",
},
],
},
{
title: "Contact",
items: [
{
label: "Contact Us",
href: "/contact",
},
{
label: "Reservations",
href: "/reservations",
},
],
},
]}
bottomLeftText="© 2024 ABC Barbeque, Cambridge"
bottomRightText="Accessibility Policy"
/>
</div>
<NavbarStyleApple navItems={[{name: "Home", id: "/"}, {name: "Menu", id: "/menu"}, {name: "Catering", id: "/catering"}, {name: "Reservations", id: "/reservations"}, {name: "About", id: "/about"}, {name: "Gallery", id: "/gallery"}, {name: "Contact", id: "/contact"}]} brandName="ABC Barbeque" />
<div className="pt-32 pb-20 container mx-auto text-center">
<h1 className="text-5xl font-bold">Our Menu</h1>
</div>
<FooterSimple columns={[]} />
</ReactLenis>
</ThemeProvider>
);
}
}

287
src/app/page.tsx
View File

@@ -9,7 +9,7 @@ import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Flame, Users } from "lucide-react";
import { Flame, Users, ChefHat, CalendarDays, Utensils } from "lucide-react";
export default function LandingPage() {
return (
@@ -29,26 +29,12 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Menu",
id: "/menu",
},
{
name: "Catering",
id: "/catering",
},
{
name: "Reservations",
id: "/reservations",
},
{
name: "About",
id: "/about",
},
{ name: "Home", id: "/" },
{ name: "Menu", id: "/menu" },
{ name: "Catering", id: "/catering" },
{ name: "Reservations", id: "/reservations" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
brandName="ABC Barbeque"
/>
@@ -59,75 +45,17 @@ export default function LandingPage() {
title="Authentic Smoke. Bold Flavour. Cambridge’s Home of Real Barbeque."
description="Slow-smoked meats, handcrafted sauces, and a dining experience inspired by the heart of American BBQ culture."
testimonials={[
{
name: "Sarah J.",
handle: "@sarahj",
testimonial: "Best brisket I have had outside of Texas!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling-showing-her-phone-her-friend_23-2149187023.jpg",
},
{
name: "Mark D.",
handle: "@markd",
testimonial: "Authentic, smoky, and absolutely delicious.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-with-food_23-2148866916.jpg",
},
{
name: "Emily P.",
handle: "@emilyp",
testimonial: "Cambridge gem. The ribs are legendary.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-marinated-beef-served-with-onion-sumac-herbs_140725-2691.jpg",
},
{
name: "Tom K.",
handle: "@tomk",
testimonial: "Great service and even better food.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-close-up-portrait-beautiful-black-skinned-woman-wearing-blouse-flower-headband-enjoying-dinner-while-eating-restaurant_613910-18781.jpg",
},
{
name: "Alice W.",
handle: "@alicew",
testimonial: "The pulled pork is a masterpiece.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-celebrating-4th-july_23-2149383083.jpg",
},
{ name: "Sarah J.", handle: "@sarahj", testimonial: "Best brisket I have had outside of Texas!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling-showing-her-phone-her-friend_23-2149187023.jpg" },
{ name: "Mark D.", handle: "@markd", testimonial: "Authentic, smoky, and absolutely delicious.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-with-food_23-2148866916.jpg" },
{ name: "Emily P.", handle: "@emilyp", testimonial: "Cambridge gem. The ribs are legendary.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-marinated-beef-served-with-onion-sumac-herbs_140725-2691.jpg" },
{ name: "Tom K.", handle: "@tomk", testimonial: "Great service and even better food.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-close-up-portrait-beautiful-black-skinned-woman-wearing-blouse-flower-headband-enjoying-dinner-while-eating-restaurant_613910-18781.jpg" },
{ name: "Alice W.", handle: "@alicew", testimonial: "The pulled pork is a masterpiece.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-celebrating-4th-july_23-2149383083.jpg" },
]}
buttons={[
{
text: "View Menu",
href: "/menu",
},
{
text: "Book a Table",
href: "/reservations",
},
{ text: "View Menu", href: "/menu" },
{ text: "Book a Table", href: "/reservations" },
]}
imageSrc="http://img.b2bpic.net/free-photo/barbecue-forestshashlik-nature-process-cooking-meat-barbecue-closeup_661209-541.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/barbecue-forestshashlik-nature-process-cooking-meat-barbecue-closeup_661209-541.jpg",
alt: "happy customer dining bbq",
},
{
src: "http://img.b2bpic.net/free-photo/different-sorts-meat-kebab-with-dry-fruits_114579-1102.jpg",
alt: "happy customer dining bbq",
},
{
src: "http://img.b2bpic.net/free-photo/grilled-rib-pork-with-barbecue-sauce-vegetable-frech-fries-wooden-cutting-board_1339-7636.jpg",
alt: "happy customer dining bbq",
},
{
src: "http://img.b2bpic.net/free-photo/side-view-burger-with-onion-ring-top-wooden-table_140725-10152.jpg",
alt: "happy customer dining bbq",
},
{
src: "http://img.b2bpic.net/free-photo/still-life-recipe-with-plantain-banana_23-2151023891.jpg",
alt: "happy customer dining bbq",
},
]}
avatarText="Join 5,000+ satisfied foodies"
/>
</div>
@@ -139,48 +67,10 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Smoked Brisket",
price: "£18",
variant: "Meat",
imageSrc: "http://img.b2bpic.net/free-photo/different-sorts-meat-kebab-with-dry-fruits_114579-1102.jpg",
},
{
id: "2",
name: "St. Louis Ribs",
price: "£16",
variant: "Meat",
imageSrc: "http://img.b2bpic.net/free-photo/grilled-rib-pork-with-barbecue-sauce-vegetable-frech-fries-wooden-cutting-board_1339-7636.jpg",
},
{
id: "3",
name: "Pulled Pork Sandwich",
price: "£12",
variant: "Sandwich",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-burger-with-onion-ring-top-wooden-table_140725-10152.jpg",
},
{
id: "4",
name: "Jackfruit Bowl",
price: "£10",
variant: "Vegan",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-recipe-with-plantain-banana_23-2151023891.jpg",
},
{
id: "5",
name: "Brisket Bowl",
price: "£15",
variant: "Meat",
imageSrc: "http://img.b2bpic.net/free-photo/stewed-brisket_1398-693.jpg",
},
{
id: "6",
name: "Rib Combo",
price: "£22",
variant: "Meat",
imageSrc: "http://img.b2bpic.net/free-photo/bbq-ribs_23-2151950545.jpg",
},
{ id: "1", name: "Smoked Brisket", price: "£18", variant: "Meat", imageSrc: "http://img.b2bpic.net/free-photo/different-sorts-meat-kebab-with-dry-fruits_114579-1102.jpg" },
{ id: "2", name: "St. Louis Ribs", price: "£16", variant: "Meat", imageSrc: "http://img.b2bpic.net/free-photo/grilled-rib-pork-with-barbecue-sauce-vegetable-frech-fries-wooden-cutting-board_1339-7636.jpg" },
{ id: "3", name: "Pulled Pork Sandwich", price: "£12", variant: "Sandwich", imageSrc: "http://img.b2bpic.net/free-photo/side-view-burger-with-onion-ring-top-wooden-table_140725-10152.jpg" },
{ id: "4", name: "Jackfruit Bowl", price: "£10", variant: "Vegan", imageSrc: "http://img.b2bpic.net/free-photo/still-life-recipe-with-plantain-banana_23-2151023891.jpg" },
]}
title="Signature Dishes"
description="Slow-smoked perfection."
@@ -193,24 +83,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
icon: Flame,
title: "Traditional Smoking",
value: "100%",
},
{
id: "m2",
icon: Flame,
title: "Locally Sourced",
value: "90%",
},
{
id: "m3",
icon: Users,
title: "Community First",
value: "100%",
},
{ id: "m1", icon: Flame, title: "Traditional Smoking", value: "100%" },
{ id: "m2", icon: ChefHat, title: "Artisan Chefs", value: "10+ years" },
{ id: "m3", icon: Users, title: "Local Community", value: "5,000+" },
]}
title="Why Choose ABC Barbeque"
description="True traditional craft."
@@ -223,60 +98,14 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
role: "Foodie",
company: "Cambridge Local",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/three-friends-get-together-drinking-wine_23-2149187016.jpg",
},
{
id: "2",
name: "Mark D.",
role: "Business Owner",
company: "Tech Hub",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/confident-asian-businesswoman-showing-thumbs-up-standing-near-entrance-her-cafe-restaurant_1258-199355.jpg",
},
{
id: "3",
name: "Emily P.",
role: "Blogger",
company: "City Guides",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-people-with-food_23-2149152869.jpg",
},
{
id: "4",
name: "Tom K.",
role: "Local",
company: "Cambridge resident",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-glass_23-2148965393.jpg",
},
{
id: "5",
name: "Alice W.",
role: "Student",
company: "Uni of Cambridge",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
},
{ id: "1", name: "Sarah J.", role: "Foodie", company: "Cambridge Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/three-friends-get-together-drinking-wine_23-2149187016.jpg" },
{ id: "2", name: "Mark D.", role: "Owner", company: "Tech Hub", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-asian-businesswoman-showing-thumbs-up-standing-near-entrance-her-cafe-restaurant_1258-199355.jpg" },
{ id: "3", name: "Emily P.", role: "Blogger", company: "City Guides", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-people-with-food_23-2149152869.jpg" },
]}
kpiItems={[
{
value: "4.9",
label: "Google Rating",
},
{
value: "15K+",
label: "Meals Served",
},
{
value: "5+",
label: "Local Awards",
},
{ value: "4.9", label: "Google Rating" },
{ value: "15K+", label: "Meals Served" },
{ value: "5+", label: "Local Awards" },
]}
title="Customer Reviews"
description="Hear what our regulars say."
@@ -290,61 +119,25 @@ export default function LandingPage() {
description="Planning a big event or have a query about our menu? Send us a note."
imageSrc="http://img.b2bpic.net/free-photo/happy-redhead-waitress-serving-customers-restaurant-bringing-food-their-table_637285-1714.jpg"
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true },
]}
textarea={{
name: "message",
placeholder: "What can we help you with?",
rows: 4,
required: true,
}}
textarea={{ name: "message", placeholder: "What can we help you with?", rows: 4, required: true }}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Links",
items: [
{
label: "Menu",
href: "/menu",
},
{
label: "Catering",
href: "/catering",
},
{
label: "About",
href: "/about",
},
],
},
{
title: "Contact",
items: [
{
label: "Contact Us",
href: "/contact",
},
{
label: "Reservations",
href: "/reservations",
},
],
},
{ title: "Links", items: [
{ label: "Menu", href: "/menu" },
{ label: "Catering", href: "/catering" },
{ label: "About", href: "/about" },
]},
{ title: "Contact", items: [
{ label: "Contact Us", href: "/contact" },
{ label: "Reservations", href: "/reservations" },
]},
]}
bottomLeftText="© 2024 ABC Barbeque, Cambridge"
bottomRightText="Accessibility Policy"
@@ -353,4 +146,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}