Merge version_1 into main #2
399
src/app/page.tsx
399
src/app/page.tsx
@@ -1,313 +1,104 @@
|
||||
"use client";
|
||||
'use client';
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { Award } from "lucide-react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import { Award } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
];
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="noise"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Visit",
|
||||
id: "visit",
|
||||
},
|
||||
]}
|
||||
brandName="TOP TABLE"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Proper Fish & Chips. Done Right."
|
||||
description="Freshly prepared, perfectly fried, and served hot. A local favourite known for quality, consistency, and no shortcuts."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-shrimps-batter-with-sweet-chili-sauce-slice-lemon_141793-3913.jpg?_wi=1",
|
||||
imageAlt: "Freshly fried fish",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-shrimps-batter-with-sweet-chili-sauce-slice-lemon_141793-3913.jpg?_wi=2",
|
||||
imageAlt: "Freshly fried fish",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-shrimps-batter-with-sweet-chili-sauce-slice-lemon_141793-3913.jpg?_wi=3",
|
||||
imageAlt: "Freshly fried fish",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-shrimps-batter-with-sweet-chili-sauce-slice-lemon_141793-3913.jpg?_wi=4",
|
||||
imageAlt: "Freshly fried fish",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-shrimps-batter-with-sweet-chili-sauce-slice-lemon_141793-3913.jpg?_wi=5",
|
||||
imageAlt: "Freshly fried fish",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-shrimps-batter-with-sweet-chili-sauce-slice-lemon_141793-3913.jpg?_wi=6",
|
||||
imageAlt: "Freshly fried fish",
|
||||
},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-shrimps-batter-with-sweet-chili-sauce-slice-lemon_141793-3913.jpg?_wi=7",
|
||||
imageAlt: "Serving fresh chips",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-shrimps-batter-with-sweet-chili-sauce-slice-lemon_141793-3913.jpg?_wi=8",
|
||||
imageAlt: "Serving fresh chips",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-shrimps-batter-with-sweet-chili-sauce-slice-lemon_141793-3913.jpg?_wi=9",
|
||||
imageAlt: "Serving fresh chips",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-shrimps-batter-with-sweet-chili-sauce-slice-lemon_141793-3913.jpg?_wi=10",
|
||||
imageAlt: "Serving fresh chips",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-shrimps-batter-with-sweet-chili-sauce-slice-lemon_141793-3913.jpg?_wi=11",
|
||||
imageAlt: "Serving fresh chips",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-shrimps-batter-with-sweet-chili-sauce-slice-lemon_141793-3913.jpg?_wi=12",
|
||||
imageAlt: "Serving fresh chips",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-woman-eatingout-having-breakfast-talking-friend-table-looking-aside-with-cheerful-smile-sitting-near-mobile-phone-terrace_197531-30313.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/having-lunch-spacious-restaurant_52683-117480.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-cheerful-gardener-smiling-looking-camera-posing_176420-3837.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing_23-2148920100.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-women-living-farmhouse_23-2150621704.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy locals"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Fresh Atlantic Cod",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hand-Cut Maris Piper Chips",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Homemade Tartare Sauce",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cooked in Beef Dripping",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainably Sourced",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Our Philosophy"
|
||||
title="What Makes Us Different"
|
||||
description="At Top Table, we keep things simple. Fresh fish, quality ingredients, and cooking in small batches to make sure every portion is served hot and at its best. No shortcuts—just proper fish and chips the way it should be."
|
||||
subdescription="Dedicated to quality since our inception."
|
||||
icon={Award}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-cook-kitchen-cafe_1303-26161.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"No frozen, industrial batches",
|
||||
"No compromise on fish sourcing",
|
||||
"No rushed service",
|
||||
"No hidden ingredients",
|
||||
"No artificial preservatives",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Cooked Fresh in small batches",
|
||||
"Generous, honest portions",
|
||||
"Friendly, welcoming service",
|
||||
"Locally sourced potatoes",
|
||||
"Family-owned values",
|
||||
],
|
||||
}}
|
||||
title="Our Standards"
|
||||
description="We prioritize quality over convenience, ensuring every plate served meets our high standards."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Great Spot",
|
||||
quote: "One of the best fish and chips I’ve had anywhere. Absolutely spot on and great service.",
|
||||
name: "Sarah J.",
|
||||
role: "Local Resident",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-eatingout-having-breakfast-talking-friend-table-looking-aside-with-cheerful-smile-sitting-near-mobile-phone-terrace_197531-30313.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Consistently Good",
|
||||
quote: "Freshly cooked, great portion size, and always served hot.",
|
||||
name: "Michael C.",
|
||||
role: "Regular Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/having-lunch-spacious-restaurant_52683-117480.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Proper Chippy",
|
||||
quote: "Finally, a place that takes chips seriously. Always fresh and tasty.",
|
||||
name: "Emily R.",
|
||||
role: "Foodie",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-cheerful-gardener-smiling-looking-camera-posing_176420-3837.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Highly Recommend",
|
||||
quote: "Best around here, friendly staff and delicious food every time.",
|
||||
name: "David K.",
|
||||
role: "New Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing_23-2148920100.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Simply Quality",
|
||||
quote: "Never disappointed, portions are generous and cooked to perfection.",
|
||||
name: "Jenny L.",
|
||||
role: "Local Resident",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-living-farmhouse_23-2150621704.jpg",
|
||||
},
|
||||
]}
|
||||
title="What People Say"
|
||||
description="Honest feedback from our local community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="visit" data-section="visit">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Ready for Proper Fish & Chips?"
|
||||
description="We accept cash payments to keep service fast and focused on quality. Visit us today to taste the difference."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="TOP TABLE"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Visit",
|
||||
href: "#visit",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Policies",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2026 Top Table Fish & Chips"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
<ThemeProvider>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered navItems={navItems} />
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Proper Fish & Chips. Done Right."
|
||||
description="Freshly prepared, perfectly fried, and served hot. A local favourite known for quality, consistency, and no shortcuts."
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-shrimps-batter-with-sweet-chili-sauce-slice-lemon_141793-3913.jpg", imageAlt: "Freshly fried fish" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-shrimps-batter-with-sweet-chili-sauce-slice-lemon_141793-3913.jpg", imageAlt: "Freshly fried fish" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-shrimps-batter-with-sweet-chili-sauce-slice-lemon_141793-3913.jpg", imageAlt: "Freshly fried fish" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-shrimps-batter-with-sweet-chili-sauce-slice-lemon_141793-3913.jpg", imageAlt: "Freshly fried fish" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-shrimps-batter-with-sweet-chili-sauce-slice-lemon_141793-3913.jpg", imageAlt: "Freshly fried fish" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-shrimps-batter-with-sweet-chili-sauce-slice-lemon_141793-3913.jpg", imageAlt: "Freshly fried fish" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-shrimps-batter-with-sweet-chili-sauce-slice-lemon_141793-3913.jpg", imageAlt: "Serving fresh chips" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-shrimps-batter-with-sweet-chili-sauce-slice-lemon_141793-3913.jpg", imageAlt: "Serving fresh chips" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-shrimps-batter-with-sweet-chili-sauce-slice-lemon_141793-3913.jpg", imageAlt: "Serving fresh chips" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-shrimps-batter-with-sweet-chili-sauce-slice-lemon_141793-3913.jpg", imageAlt: "Serving fresh chips" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-shrimps-batter-with-sweet-chili-sauce-slice-lemon_141793-3913.jpg", imageAlt: "Serving fresh chips" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-shrimps-batter-with-sweet-chili-sauce-slice-lemon_141793-3913.jpg", imageAlt: "Serving fresh chips" }
|
||||
]}
|
||||
buttons={[{ text: "View Menu", href: "#menu" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
tag="Our Philosophy"
|
||||
title="What Makes Us Different"
|
||||
description="At Top Table, we keep things simple. Fresh fish, quality ingredients, and cooking in small batches to make sure every portion is served hot and at its best. No shortcuts—just proper fish and chips the way it should be."
|
||||
subdescription="Dedicated to quality since our inception."
|
||||
icon={Award}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-cook-kitchen-cafe_1303-26161.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
negativeCard={{ items: ["No frozen, industrial batches", "No compromise on fish sourcing", "No rushed service", "No hidden ingredients", "No artificial preservatives"] }}
|
||||
positiveCard={{ items: ["Cooked Fresh in small batches", "Generous, honest portions", "Friendly, welcoming service", "Locally sourced potatoes", "Family-owned values"] }}
|
||||
title="Our Standards"
|
||||
description="We prioritize quality over convenience, ensuring every plate served meets our high standards."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
title="What People Say"
|
||||
description="Honest feedback from our local community."
|
||||
testimonials={[
|
||||
{ id: "1", title: "Great Spot", quote: "One of the best fish and chips I’ve had anywhere. Absolutely spot on and great service.", name: "Sarah J.", role: "Local Resident", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-eatingout-having-breakfast-talking-friend-table-looking-aside-with-cheerful-smile-sitting-near-mobile-phone-terrace_197531-30313.jpg" },
|
||||
{ id: "2", title: "Consistently Good", quote: "Freshly cooked, great portion size, and always served hot.", name: "Michael C.", role: "Regular Customer", imageSrc: "http://img.b2bpic.net/free-photo/having-lunch-spacious-restaurant_52683-117480.jpg" },
|
||||
{ id: "3", title: "Proper Chippy", quote: "Finally, a place that takes chips seriously. Always fresh and tasty.", name: "Emily R.", role: "Foodie", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-cheerful-gardener-smiling-looking-camera-posing_176420-3837.jpg" },
|
||||
{ id: "4", title: "Highly Recommend", quote: "Best around here, friendly staff and delicious food every time.", name: "David K.", role: "New Customer", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing_23-2148920100.jpg" },
|
||||
{ id: "5", title: "Simply Quality", quote: "Never disappointed, portions are generous and cooked to perfection.", name: "Jenny L.", role: "Local Resident", imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-living-farmhouse_23-2150621704.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="visit" data-section="visit">
|
||||
<ContactCTA
|
||||
tag="Visit Us"
|
||||
title="Ready for Proper Fish & Chips?"
|
||||
description="We accept cash payments to keep service fast and focused on quality. Visit us today to taste the difference."
|
||||
buttons={[{ text: "Get Directions", href: "#" }]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="TOP TABLE"
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Menu", href: "#menu" }, { label: "About", href: "#about" }, { label: "Visit", href: "#visit" }] },
|
||||
{ title: "Policies", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2026 Top Table Fish & Chips"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user