Merge version_1 into main #7
136
src/app/page.tsx
136
src/app/page.tsx
@@ -1,118 +1,72 @@
|
||||
'use client';
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
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 ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import { Award } from 'lucide-react';
|
||||
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 ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
||||
import { Fish, Utensils, Star, Info } from "lucide-react";
|
||||
import Link from "next/link";
|
||||
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
];
|
||||
const navItems = [{ name: "Home", id: "/" }];
|
||||
|
||||
export default function HomePage() {
|
||||
export default function Page() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ThemeProvider>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered navItems={navItems} />
|
||||
<NavbarStyleCentered navItems={navItems} 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", imageAlt: "fresh fish and chips close up" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-shrimps-batter-with-sweet-chili-sauce-slice-lemon_141793-3913.jpg", imageAlt: "fresh fish and chips close up" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-shrimps-batter-with-sweet-chili-sauce-slice-lemon_141793-3913.jpg", imageAlt: "fresh fish and chips close up" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-shrimps-batter-with-sweet-chili-sauce-slice-lemon_141793-3913.jpg", imageAlt: "fresh fish and chips close up" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-shrimps-batter-with-sweet-chili-sauce-slice-lemon_141793-3913.jpg", imageAlt: "fresh fish and chips close up" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-shrimps-batter-with-sweet-chili-sauce-slice-lemon_141793-3913.jpg", imageAlt: "fresh fish and chips close up" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-shrimps-batter-with-sweet-chili-sauce-slice-lemon_141793-3913.jpg", imageAlt: "fresh fish and chips close up" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-shrimps-batter-with-sweet-chili-sauce-slice-lemon_141793-3913.jpg", imageAlt: "fresh fish and chips close up" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-shrimps-batter-with-sweet-chili-sauce-slice-lemon_141793-3913.jpg", imageAlt: "fresh fish and chips close up" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-shrimps-batter-with-sweet-chili-sauce-slice-lemon_141793-3913.jpg", imageAlt: "fresh fish and chips close up" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-shrimps-batter-with-sweet-chili-sauce-slice-lemon_141793-3913.jpg", imageAlt: "fresh fish and chips close up" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-shrimps-batter-with-sweet-chili-sauce-slice-lemon_141793-3913.jpg", imageAlt: "fresh fish and chips close up" }
|
||||
]}
|
||||
buttons={[{ text: "View Menu", href: "#menu" }]}
|
||||
title="Proper Fish & Chips"
|
||||
description="Done Right."
|
||||
background={{ variant: "plain" }}
|
||||
leftCarouselItems={[{ imageSrc: "https://images.unsplash.com/photo-1579684385327-38686e920653" }]}
|
||||
rightCarouselItems={[{ imageSrc: "https://images.unsplash.com/photo-1579684385327-38686e920653" }]}
|
||||
/>
|
||||
</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"
|
||||
imageAlt="kitchen interior chef preparing fish"
|
||||
useInvertedBackground={false}
|
||||
<TestimonialAboutCard
|
||||
tag="Our Story"
|
||||
title="Quality First"
|
||||
description="We take pride in our process."
|
||||
subdescription="Fresh ingredients, every single day."
|
||||
icon={Fish}
|
||||
imageSrc="https://images.unsplash.com/photo-1579684385327-38686e920653"
|
||||
/>
|
||||
</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."
|
||||
useInvertedBackground={true}
|
||||
<FeatureCardSixteen
|
||||
title="Why Choose Us"
|
||||
negativeCard={{ items: ["Frozen Fish", "Old Oil"] }}
|
||||
positiveCard={{ items: ["Freshly Caught", "Clean Oil"] }}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</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", imageAlt: "happy customer eating fish and chips" },
|
||||
{ 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", imageAlt: "happy restaurant guest" },
|
||||
{ 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", imageAlt: "diner eating meal restaurant" },
|
||||
{ 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", imageAlt: "happy regular customer portrait" },
|
||||
{ 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", imageAlt: "satisfied restaurant client" }
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
<TestimonialCardTen
|
||||
title="Customer Reviews"
|
||||
description="See what locals say."
|
||||
textboxLayout="split"
|
||||
testimonials={[{ id: "1", title: "Excellent", quote: "Best fish in town!", name: "John Doe", role: "Local" }]}
|
||||
/>
|
||||
</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" }}
|
||||
useInvertedBackground={true}
|
||||
<ContactCTA
|
||||
tag="Visit Us"
|
||||
title="Ready for a bite?"
|
||||
description="Visit our store today."
|
||||
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"
|
||||
<FooterBaseCard
|
||||
logoText="Top Table"
|
||||
columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user