Update src/app/page.tsx
This commit is contained in:
296
src/app/page.tsx
296
src/app/page.tsx
@@ -3,15 +3,16 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Salad, Sparkles, ChefHat, Leaf, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -24,252 +25,107 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "product",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "product" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="PureTable"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
logoText="PureTable"
|
||||
<HeroBillboardCarousel
|
||||
title="PureTable: Culinary Excellence"
|
||||
description="Experience clean, organic dining in a premium, sustainable setting. From earth to plate, every ingredient is curated for taste and health."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#product",
|
||||
},
|
||||
background={{ variant: "gradient-bars" }}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-elegant-plate-with-salad_23-2148517996.jpg", imageAlt: "Elegant dinner plate" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plate-fresh-fuyu-dried-persimmon-fruits-wooden-board_114579-88854.jpg", imageAlt: "Gourmet plating" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-tasty-fresh-salad-composition_23-2148537199.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
buttons={[{ text: "Reserve a Table", href: "#contact" }, { text: "View Menu", href: "#product" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
<TextSplitAbout
|
||||
title="Our Philosophy of Clean Living"
|
||||
description={["We believe in the art of the plate. Every meal at PureTable is a curated journey of local, seasonal, and organic ingredients designed to nourish and inspire."]}
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Philosophy of",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-sporty-girl-kitchen-with-vegetables_1157-41819.jpg",
|
||||
alt: "About Logo",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: "Clean Living",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyNine
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Farm to Table",
|
||||
description: "Local, seasonal ingredients.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-bell-peppers-kitchen-table_169016-48605.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/person-holding-container-with-various-fresh-vegetables_23-2147944292.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
{
|
||||
title: "Sustainable Service",
|
||||
description: "Eco-conscious dining protocols.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-eco-friendly-objects_23-2148902884.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/knives-forks-dishes-glass-jar-paper-containers-food-natural-leaves-concept-zero-waste-plastic-free_169016-10552.jpg",
|
||||
buttonText: "Read More",
|
||||
},
|
||||
{
|
||||
title: "Culinary Artistry",
|
||||
description: "Expertly crafted gourmet meals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-elegant-plate-with-salad_23-2148517996.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/plate-fresh-fuyu-dried-persimmon-fruits-wooden-board_114579-88854.jpg",
|
||||
buttonText: "Discover",
|
||||
},
|
||||
]}
|
||||
title="Why PureTable?"
|
||||
description="Our commitment to excellence combines culinary mastery with a dedication to purity and freshness."
|
||||
features={[
|
||||
{ id: "f1", title: "Farm to Table", subtitle: "Direct from local farms", category: "Sourcing", value: "100%" },
|
||||
{ id: "f2", title: "Eco-Conscious", subtitle: "Sustainable protocols", category: "Environment", value: "Gold" },
|
||||
{ id: "f3", title: "Artisan Craft", subtitle: "Expertly plated meals", category: "Design", value: "Premium" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardOne
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="split"
|
||||
<ProductCardFour
|
||||
animationType="blur-reveal"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Garden Salad",
|
||||
price: "$18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-minimal-white-table-composition_23-2148941077.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Cold-Pressed Juice",
|
||||
price: "$12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smoothie-near-orange-date-plum_23-2147717582.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Roasted Vegetable Platter",
|
||||
price: "$24",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bowl-with-farfalle-pasta-brussels-sprouts-with-bacon-fresh-vegetable-salad_2829-19523.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Herb Salad",
|
||||
price: "$20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-plate-with-breakfast_23-2148454807.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Artisan Sourdough",
|
||||
price: "$10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sliced-sourdough-bread-rustic-red-gray-kitchen-towel-spikelets-wheat-table-top-view-natural-sun-light_166373-2192.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Berry Dessert",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-delicious-rustic-summer-berry-tartles_114579-11145.jpg",
|
||||
},
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Exquisite dishes crafted with fresh, organic harvests from the finest local farmers."
|
||||
products={[
|
||||
{ id: "p1", name: "Garden Salad", price: "$18", variant: "Vegan", imageSrc: "http://img.b2bpic.net/free-photo/top-view-minimal-white-table-composition_23-2148941077.jpg" },
|
||||
{ id: "p2", name: "Roasted Vegetable Platter", price: "$24", variant: "Seasonal", imageSrc: "http://img.b2bpic.net/free-photo/bowl-with-farfalle-pasta-brussels-sprouts-with-bacon-fresh-vegetable-salad_2829-19523.jpg" },
|
||||
{ id: "p3", name: "Berry Dessert", price: "$15", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/homemade-delicious-rustic-summer-berry-tartles_114579-11145.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
<MetricCardThree
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
description: "Local Partners",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99%",
|
||||
description: "Organic Sourcing",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "20k",
|
||||
description: "Happy Diners",
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Celebrating a commitment to healthy, high-quality standards in fine dining."
|
||||
metrics={[
|
||||
{ id: "m1", icon: Leaf, title: "Organic Sourcing", value: "99%" },
|
||||
{ id: "m2", icon: ChefHat, title: "Culinary Masters", value: "150+" },
|
||||
{ id: "m3", icon: Zap, title: "Happy Diners", value: "20k" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
<TestimonialCardFifteen
|
||||
testimonial="The attention to detail on every plate is unmatched. PureTable is a sanctuary for fine dining lovers."
|
||||
rating={5}
|
||||
author="Alice Johnson"
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/couple-restaurant_23-2148006698.jpg", alt: "Alice" }]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-restaurant_23-2148006698.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark Stevens",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-eating-seaweed-snacks_23-2150520019.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah Miller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/casual-dressed-woman-holding-apple_23-2148332144.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Clark",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-delighted-happy-dark-skinned-young-female-wears-red-blouse-listens-audio-song-headphones_273609-3479.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Emily White",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sitting-cafe_1157-20845.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="Guest Impressions"
|
||||
cardTag="Reviews"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you accept walk-ins?",
|
||||
content: "We recommend reservations to ensure your spot, but walk-ins are welcome if seating is available.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are ingredients organic?",
|
||||
content: "Yes, we prioritize local and organic produce for every dish we serve.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer vegan options?",
|
||||
content: "We have a dedicated plant-based menu for every dietary preference.",
|
||||
},
|
||||
]}
|
||||
<FaqBase
|
||||
title="Frequent Inquiries"
|
||||
faqsAnimation="slide-up"
|
||||
description="Everything you need to know about our dining experience."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/zero-waste-wooden-utensils_23-2149316550.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you accept walk-ins?", content: "We recommend reservations to ensure your spot, but walk-ins are welcome if seating is available." },
|
||||
{ id: "f2", title: "Are ingredients organic?", content: "Yes, we prioritize local and organic produce for every dish we serve." },
|
||||
{ id: "f3", title: "Do you offer vegan options?", content: "We have a dedicated plant-based menu for every dietary preference." },
|
||||
]}
|
||||
faqsAnimation="blur-reveal"
|
||||
textboxLayout="split"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Reserve Today"
|
||||
title="Join Our Table"
|
||||
description="Get updates on seasonal menus and exclusive events."
|
||||
@@ -277,40 +133,16 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="PureTable"
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#product",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "PureTable", items: [{ label: "About Us", href: "#about" }, { label: "Menu", href: "#product" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Privacy", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 PureTable. All rights reserved."
|
||||
bottomLeftText="© 2024 PureTable. All rights reserved."
|
||||
bottomRightText="Premium Restaurant Experience"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user