Merge version_1 into main #2
@@ -8,126 +8,51 @@ import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import { Award, Fish, Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "/menu",
|
||||
},
|
||||
{
|
||||
name: "Bulk Orders",
|
||||
id: "/bulk-orders",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Seafood and Eat It"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-section" data-section="about-section">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Our Story in Blaxland"
|
||||
metrics={[
|
||||
{
|
||||
label: "Years Served",
|
||||
value: "15+",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
label: "Local Families",
|
||||
value: "2k+",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
label: "Fresh Shipments",
|
||||
value: "Daily",
|
||||
icon: Fish,
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our History"
|
||||
description="Read about our journey from a small shop to a community cornerstone."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Story",
|
||||
title: "15 Years Serving",
|
||||
excerpt: "Starting in a small corner shop...",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-kinds-fresh-fish-sale-fish-market-istanbul-turkey_628469-153.jpg",
|
||||
authorName: "The Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/happy-waiter-talking-female-customer-writing-her-order-digital-tablet-bar_637285-2301.jpg",
|
||||
date: "Jan 2025",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Seafood and Eat It"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
{
|
||||
label: "Bulk Orders",
|
||||
href: "/bulk-orders",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Call Us",
|
||||
href: "tel:0247000000",
|
||||
},
|
||||
{
|
||||
label: "Visit Us",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Menu", id: "/menu" }, { name: "Bulk Orders", id: "/bulk-orders" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
|
||||
brandName="Seafood and Eat It"
|
||||
/>
|
||||
</div>
|
||||
<div id="about-section" data-section="about-section">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Our Story in Blaxland"
|
||||
metricsAnimation="slide-up"
|
||||
metrics={[{ label: "Years Served", value: "15+", icon: Award }, { label: "Local Families", value: "2k+", icon: Users }, { label: "Fresh Shipments", value: "Daily", icon: Fish }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our History"
|
||||
description="Read about our journey from a small shop to a community cornerstone."
|
||||
blogs={[{ id: "b1", category: "Story", title: "15 Years Serving", excerpt: "Starting in a small corner shop...", imageSrc: "http://img.b2bpic.net/free-photo/different-kinds-fresh-fish-sale-fish-market-istanbul-turkey_628469-153.jpg", authorName: "The Team", authorAvatar: "http://img.b2bpic.net/free-photo/happy-waiter-talking-female-customer-writing-her-order-digital-tablet-bar_637285-2301.jpg", date: "Jan 2025" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Seafood and Eat It"
|
||||
columns={[{ title: "Links", items: [{ label: "Menu", href: "/menu" }, { label: "Bulk Orders", href: "/bulk-orders" }, { label: "About", href: "/about" }] }, { title: "Contact", items: [{ label: "Call Us", href: "tel:0247000000" }, { label: "Visit Us", href: "/contact" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -7,185 +7,60 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function BulkOrdersPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "/menu",
|
||||
},
|
||||
{
|
||||
name: "Bulk Orders",
|
||||
id: "/bulk-orders",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Seafood and Eat It"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="bulk-seasonal" data-section="bulk-seasonal">
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "b1",
|
||||
title: "Medium Event Pack",
|
||||
price: "Custom",
|
||||
period: "Seasonal",
|
||||
features: [
|
||||
"5kg Prawns",
|
||||
"2kg Fish Fillets",
|
||||
"Calamari Included",
|
||||
],
|
||||
button: {
|
||||
text: "Call Now",
|
||||
href: "tel:0247000000",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-tasty-toast-with-fried-vegetables-wooden-board_114579-86084.jpg",
|
||||
imageAlt: "Two tasty toast with fried vegetables on wooden board",
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
title: "Large Celebration Pack",
|
||||
price: "Custom",
|
||||
period: "Seasonal",
|
||||
features: [
|
||||
"10kg Prawns",
|
||||
"4kg Fish Fillets",
|
||||
"Calamari & Sides",
|
||||
],
|
||||
button: {
|
||||
text: "Call Now",
|
||||
href: "tel:0247000000",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-cooked-sea-food_23-2149409227.jpg?_wi=2",
|
||||
imageAlt: "Two tasty toast with fried vegetables on wooden board",
|
||||
},
|
||||
{
|
||||
id: "b3",
|
||||
title: "Custom Order",
|
||||
price: "Custom",
|
||||
period: "On Request",
|
||||
features: [
|
||||
"Tailored to your needs",
|
||||
"Fresh daily delivery",
|
||||
"Ready for pickup",
|
||||
],
|
||||
button: {
|
||||
text: "Call Now",
|
||||
href: "tel:0247000000",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-seafood-arrangement_23-2148926761.jpg?_wi=2",
|
||||
imageAlt: "Two tasty toast with fried vegetables on wooden board",
|
||||
},
|
||||
]}
|
||||
title="Bulk & Event Orders"
|
||||
description="Order fresh, sustainably sourced seafood for your Christmas parties and family gatherings."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Bulk Catering"
|
||||
description="Flexible packages for events large and small."
|
||||
plans={[
|
||||
{
|
||||
id: "c1",
|
||||
price: "$250",
|
||||
name: "Party Pack",
|
||||
buttons: [
|
||||
{
|
||||
text: "Order",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"10kg Prawns",
|
||||
"Sides",
|
||||
"Sauces",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "c2",
|
||||
price: "$500",
|
||||
name: "Corporate Tray",
|
||||
buttons: [
|
||||
{
|
||||
text: "Order",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Full Seafood Selection",
|
||||
"Priority Delivery",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Seafood and Eat It"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
{
|
||||
label: "Bulk Orders",
|
||||
href: "/bulk-orders",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Call Us",
|
||||
href: "tel:0247000000",
|
||||
},
|
||||
{
|
||||
label: "Visit Us",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Menu", id: "/menu" }, { name: "Bulk Orders", id: "/bulk-orders" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
|
||||
brandName="Seafood and Eat It"
|
||||
/>
|
||||
</div>
|
||||
<div id="bulk-seasonal" data-section="bulk-seasonal">
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Bulk & Event Orders"
|
||||
description="Order fresh, sustainably sourced seafood for your Christmas parties and family gatherings."
|
||||
plans={[
|
||||
{ id: "b1", title: "Medium Event Pack", price: "Custom", period: "Seasonal", features: ["5kg Prawns", "2kg Fish Fillets", "Calamari Included"], button: { text: "Call Now", href: "tel:0247000000" }, imageSrc: "http://img.b2bpic.net/free-photo/two-tasty-toast-with-fried-vegetables-wooden-board_114579-86084.jpg", imageAlt: "Two tasty toast with fried vegetables on wooden board" },
|
||||
{ id: "b2", title: "Large Celebration Pack", price: "Custom", period: "Seasonal", features: ["10kg Prawns", "4kg Fish Fillets", "Calamari & Sides"], button: { text: "Call Now", href: "tel:0247000000" }, imageSrc: "http://img.b2bpic.net/free-photo/delicious-cooked-sea-food_23-2149409227.jpg", imageAlt: "Two tasty toast with fried vegetables on wooden board" },
|
||||
{ id: "b3", title: "Custom Order", price: "Custom", period: "On Request", features: ["Tailored to your needs", "Fresh daily delivery", "Ready for pickup"], button: { text: "Call Now", href: "tel:0247000000" }, imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-seafood-arrangement_23-2148926761.jpg", imageAlt: "Two tasty toast with fried vegetables on wooden board" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Bulk Catering"
|
||||
description="Flexible packages for events large and small."
|
||||
plans={[
|
||||
{ id: "c1", price: "$250", name: "Party Pack", buttons: [{ text: "Order", href: "/contact" }], features: ["10kg Prawns", "Sides", "Sauces"] },
|
||||
{ id: "c2", price: "$500", name: "Corporate Tray", buttons: [{ text: "Order", href: "/contact" }], features: ["Full Seafood Selection", "Priority Delivery"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Seafood and Eat It"
|
||||
columns={[{ title: "Links", items: [{ label: "Menu", href: "/menu" }, { label: "Bulk Orders", href: "/bulk-orders" }, { label: "About", href: "/about" }] }, { title: "Contact", items: [{ label: "Call Us", href: "tel:0247000000" }, { label: "Visit Us", href: "/contact" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -7,112 +7,51 @@ import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "/menu",
|
||||
},
|
||||
{
|
||||
name: "Bulk Orders",
|
||||
id: "/bulk-orders",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Seafood and Eat It"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-section" data-section="contact-section">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Get in Touch"
|
||||
description="76B Murphy St, Blaxland NSW 2774 | Open 11am-8pm Daily"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Quick Facts"
|
||||
tag="Information"
|
||||
metrics={[
|
||||
{
|
||||
id: "i1",
|
||||
value: "11am",
|
||||
description: "Opening Time",
|
||||
},
|
||||
{
|
||||
id: "i2",
|
||||
value: "8pm",
|
||||
description: "Closing Time",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Seafood and Eat It"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
{
|
||||
label: "Bulk Orders",
|
||||
href: "/bulk-orders",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Call Us",
|
||||
href: "tel:0247000000",
|
||||
},
|
||||
{
|
||||
label: "Visit Us",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Menu", id: "/menu" }, { name: "Bulk Orders", id: "/bulk-orders" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
|
||||
brandName="Seafood and Eat It"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact-section" data-section="contact-section">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Get in Touch"
|
||||
description="76B Murphy St, Blaxland NSW 2774 | Open 11am-8pm Daily"
|
||||
/>
|
||||
</div>
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Quick Facts"
|
||||
tag="Information"
|
||||
metricsAnimation="slide-up"
|
||||
metrics={[{ id: "i1", value: "11am", description: "Opening Time" }, { id: "i2", value: "8pm", description: "Closing Time" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Seafood and Eat It"
|
||||
columns={[{ title: "Links", items: [{ label: "Menu", href: "/menu" }, { label: "Bulk Orders", href: "/bulk-orders" }, { label: "About", href: "/about" }] }, { title: "Contact", items: [{ label: "Call Us", href: "tel:0247000000" }, { label: "Visit Us", href: "/contact" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -7,171 +7,55 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function MenuPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "/menu",
|
||||
},
|
||||
{
|
||||
name: "Bulk Orders",
|
||||
id: "/bulk-orders",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Seafood and Eat It"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu-grid" data-section="menu-grid">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Fish",
|
||||
name: "Fish Cocktails",
|
||||
price: "$12.00",
|
||||
rating: 5,
|
||||
reviewCount: "50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-raw-fish-slices-black-board-dill-pomegranate-seeds-tomatoes-knife-pepper-grinder-table-copy-place_179666-46520.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Sides",
|
||||
name: "Potato Scallops",
|
||||
price: "$2.50",
|
||||
rating: 5,
|
||||
reviewCount: "80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-breaded-chicken-with-herbs-bowl-with-lemon-cream-sauce-wood-board-rustic_141793-11088.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Prawns",
|
||||
name: "Prawn Cutlets",
|
||||
price: "$14.00",
|
||||
rating: 5,
|
||||
reviewCount: "40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-shrimps-with-sliced-lemon-peppercorns-greaseproof-paper_114579-43065.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Fish",
|
||||
name: "Hoki & Chips",
|
||||
price: "$18.00",
|
||||
rating: 4,
|
||||
reviewCount: "60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seafood-cleaning-process-kitchen_23-2150171367.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Family",
|
||||
name: "Family Seafood Pack",
|
||||
price: "$55.00",
|
||||
rating: 5,
|
||||
reviewCount: "30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-seafood-table_23-2149410759.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Calamari",
|
||||
name: "Calamari Rings",
|
||||
price: "$10.00",
|
||||
rating: 4,
|
||||
reviewCount: "90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sea-prawns-sprinkled-with-lemon-juice_140725-9723.jpg",
|
||||
},
|
||||
]}
|
||||
title="Full Seafood Menu"
|
||||
description="Everything from fresh fish cocktails to family packs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Today's Specials"
|
||||
description="Limited time offers and chef recommendations."
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
name: "Fresh Caught Snapper",
|
||||
price: "$22.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-mackerel-steak_1339-6207.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
name: "Calamari Basket",
|
||||
price: "$15.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-calamari-rings_123827-36413.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Seafood and Eat It"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
{
|
||||
label: "Bulk Orders",
|
||||
href: "/bulk-orders",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Call Us",
|
||||
href: "tel:0247000000",
|
||||
},
|
||||
{
|
||||
label: "Visit Us",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Menu", id: "/menu" }, { name: "Bulk Orders", id: "/bulk-orders" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
|
||||
brandName="Seafood and Eat It"
|
||||
/>
|
||||
</div>
|
||||
<div id="menu-grid" data-section="menu-grid">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
title="Full Seafood Menu"
|
||||
description="Everything from fresh fish cocktails to family packs."
|
||||
products={[{ id: "p1", brand: "Fish", name: "Fish Cocktails", price: "$12.00", rating: 5, reviewCount: "50", imageSrc: "http://img.b2bpic.net/free-photo/top-view-raw-fish-slices-black-board-dill-pomegranate-seeds-tomatoes-knife-pepper-grinder-table-copy-place_179666-46520.jpg" }, { id: "p2", brand: "Sides", name: "Potato Scallops", price: "$2.50", rating: 5, reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/side-view-breaded-chicken-with-herbs-bowl-with-lemon-cream-sauce-wood-board-rustic_141793-11088.jpg" }, { id: "p3", brand: "Prawns", name: "Prawn Cutlets", price: "$14.00", rating: 5, reviewCount: "40", imageSrc: "http://img.b2bpic.net/free-photo/delicious-shrimps-with-sliced-lemon-peppercorns-greaseproof-paper_114579-43065.jpg" }, { id: "p4", brand: "Fish", name: "Hoki & Chips", price: "$18.00", rating: 4, reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/seafood-cleaning-process-kitchen_23-2150171367.jpg" }, { id: "p5", brand: "Family", name: "Family Seafood Pack", price: "$55.00", rating: 5, reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-seafood-table_23-2149410759.jpg" }, { id: "p6", brand: "Calamari", name: "Calamari Rings", price: "$10.00", rating: 4, reviewCount: "90", imageSrc: "http://img.b2bpic.net/free-photo/sea-prawns-sprinkled-with-lemon-juice_140725-9723.jpg" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Today's Specials"
|
||||
description="Limited time offers and chef recommendations."
|
||||
products={[{ id: "s1", name: "Fresh Caught Snapper", price: "$22.00", imageSrc: "http://img.b2bpic.net/free-photo/fresh-mackerel-steak_1339-6207.jpg" }, { id: "s2", name: "Calamari Basket", price: "$15.00", imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-calamari-rings_123827-36413.jpg" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Seafood and Eat It"
|
||||
columns={[{ title: "Links", items: [{ label: "Menu", href: "/menu" }, { label: "Bulk Orders", href: "/bulk-orders" }, { label: "About", href: "/about" }] }, { title: "Contact", items: [{ label: "Call Us", href: "tel:0247000000" }, { label: "Visit Us", href: "/contact" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
306
src/app/page.tsx
306
src/app/page.tsx
@@ -16,237 +16,85 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "/menu",
|
||||
},
|
||||
{
|
||||
name: "Bulk Orders",
|
||||
id: "/bulk-orders",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Seafood and Eat It"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Fresh Seafood, Cooked to Perfection"
|
||||
description="Your local favourite for fish, chips, and seafood in Blaxland."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
{
|
||||
text: "Call to Order",
|
||||
href: "tel:0247000000",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/delicious-cooked-sea-food_23-2149409227.jpg?_wi=1"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-waiter-talking-female-customer-writing-her-order-digital-tablet-bar_637285-2301.jpg",
|
||||
alt: "Happy waiter",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/human-happy-woman-clanging-glasses-wine-table-cafe_23-2148016789.jpg",
|
||||
alt: "Customer dining",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-glass_23-2148965393.jpg",
|
||||
alt: "Happy diner",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-people-sitting-table_23-2149293077.jpg",
|
||||
alt: "Community dining",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-friends-having-fun-food-festival_23-2149490774.jpg",
|
||||
alt: "Seafood festival",
|
||||
},
|
||||
]}
|
||||
avatarText="Loved by the community"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Daily Catch Fish",
|
||||
description: "Locally sourced fish, lightly battered or grilled.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-seafood-arrangement_23-2148926761.jpg?_wi=1",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/view-seafood-being-cleaning-kitchen_52683-109813.jpg",
|
||||
buttonText: "See Menu",
|
||||
},
|
||||
{
|
||||
title: "Crispy Calamari",
|
||||
description: "Tender rings served with our secret tartare.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-squid-rings_123827-36418.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/closeup-crispy-golden-fried-calamari-rings-with-tomato-sauce-lime-wedge-black-plate_9975-124489.jpg",
|
||||
buttonText: "See Menu",
|
||||
},
|
||||
{
|
||||
title: "Premium Prawns",
|
||||
description: "Succulent prawn cutlets, cooked to order.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-shrimp-prawn_1339-2202.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/fresh-shrimp-prawn_1339-2190.jpg",
|
||||
buttonText: "See Menu",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Dishes"
|
||||
description="We use only the freshest local ingredients to bring you the best seafood in the Mountains."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-friends-having-fun-food-festival_23-2149490833.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-dining-out_23-2149187167.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5274.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/local-retailer-taking-care-his-client_23-2149349427.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="4.5 Stars from 180+ reviews"
|
||||
cardTag="Community Voted"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Our Reach"
|
||||
tag="Community Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500kg+",
|
||||
description: "Weekly Fresh Fish Served",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "95%",
|
||||
description: "Customer Satisfaction Rate",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4",
|
||||
description: "Local Supplier Partners",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="What Locals Say"
|
||||
description="Hear from the wonderful people of the Blaxland community."
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Best in the Mountains",
|
||||
quote: "The freshest fish I've had in years. Always cooked perfectly.",
|
||||
name: "Jenny L.",
|
||||
role: "Local Resident",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-taking-selfie-while-eating_23-2149333804.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Great Family Packs",
|
||||
quote: "We order the family pack every Friday night. Incredible value.",
|
||||
name: "Mark D.",
|
||||
role: "Parent",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149215775.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Seafood and Eat It"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
{
|
||||
label: "Bulk Orders",
|
||||
href: "/bulk-orders",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Call Us",
|
||||
href: "tel:0247000000",
|
||||
},
|
||||
{
|
||||
label: "Visit Us",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "Bulk Orders", id: "/bulk-orders" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Seafood and Eat It"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Fresh Seafood, Cooked to Perfection"
|
||||
description="Your local favourite for fish, chips, and seafood in Blaxland."
|
||||
buttons={[{ text: "View Menu", href: "/menu" }, { text: "Call to Order", href: "tel:0247000000" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/delicious-cooked-sea-food_23-2149409227.jpg"
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/happy-waiter-talking-female-customer-writing-her-order-digital-tablet-bar_637285-2301.jpg", alt: "Happy waiter" }, { src: "http://img.b2bpic.net/free-photo/human-happy-woman-clanging-glasses-wine-table-cafe_23-2148016789.jpg", alt: "Customer dining" }, { src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-glass_23-2148965393.jpg", alt: "Happy diner" }, { src: "http://img.b2bpic.net/free-photo/close-up-people-sitting-table_23-2149293077.jpg", alt: "Community dining" }, { src: "http://img.b2bpic.net/free-photo/middle-age-friends-having-fun-food-festival_23-2149490774.jpg", alt: "Seafood festival" }]}
|
||||
avatarText="Loved by the community"
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
title="Our Signature Dishes"
|
||||
description="We use only the freshest local ingredients to bring you the best seafood in the Mountains."
|
||||
features={[
|
||||
{ title: "Daily Catch Fish", description: "Locally sourced fish, lightly battered or grilled.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-seafood-arrangement_23-2148926761.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/view-seafood-being-cleaning-kitchen_52683-109813.jpg", buttonText: "See Menu" },
|
||||
{ title: "Crispy Calamari", description: "Tender rings served with our secret tartare.", imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-squid-rings_123827-36413.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/closeup-crispy-golden-fried-calamari-rings-with-tomato-sauce-lime-wedge-black-plate_9975-124489.jpg", buttonText: "See Menu" },
|
||||
{ title: "Premium Prawns", description: "Succulent prawn cutlets, cooked to order.", imageSrc: "http://img.b2bpic.net/free-photo/fresh-shrimp-prawn_1339-2202.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/fresh-shrimp-prawn_1339-2190.jpg", buttonText: "See Menu" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
cardAnimation="slide-up"
|
||||
cardTitle="4.5 Stars from 180+ reviews"
|
||||
cardTag="Community Voted"
|
||||
testimonials={[{ id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg" }, { id: "2", name: "Michael B.", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-friends-having-fun-food-festival_23-2149490833.jpg" }, { id: "3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-dining-out_23-2149187167.jpg" }, { id: "4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5274.jpg" }, { id: "5", name: "Jessica W.", imageSrc: "http://img.b2bpic.net/free-photo/local-retailer-taking-care-his-client_23-2149349427.jpg" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Our Reach"
|
||||
tag="Community Impact"
|
||||
metricsAnimation="slide-up"
|
||||
metrics={[{ id: "m1", value: "500kg+", description: "Weekly Fresh Fish Served" }, { id: "m2", value: "95%", description: "Customer Satisfaction Rate" }, { id: "m3", value: "4", description: "Local Supplier Partners" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="What Locals Say"
|
||||
description="Hear from the wonderful people of the Blaxland community."
|
||||
testimonials={[{ id: "t1", title: "Best in the Mountains", quote: "The freshest fish I've had in years. Always cooked perfectly.", name: "Jenny L.", role: "Local Resident", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-taking-selfie-while-eating_23-2149333804.jpg" }, { id: "t2", title: "Great Family Packs", quote: "We order the family pack every Friday night. Incredible value.", name: "Mark D.", role: "Parent", imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149215775.jpg" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Seafood and Eat It"
|
||||
columns={[{ title: "Links", items: [{ label: "Menu", href: "/menu" }, { label: "Bulk Orders", href: "/bulk-orders" }, { label: "About", href: "/about" }] }, { title: "Contact", items: [{ label: "Call Us", href: "tel:0247000000" }, { label: "Visit Us", href: "/contact" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user