Update src/app/page.tsx
This commit is contained in:
283
src/app/page.tsx
283
src/app/page.tsx
@@ -2,201 +2,124 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
|
||||
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmall"
|
||||
background="aurora"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmall"
|
||||
background="aurora"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "/menu",
|
||||
},
|
||||
{
|
||||
name: "Contact & Order",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Karamel's Cafe"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "Contact & Order", id: "/contact" }
|
||||
]}
|
||||
brandName="Karamel's Cafe"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Welcome to Karamel's Cafe"
|
||||
description="Indulge in our selection of artisanal coffee and exquisite handmade meals in the heart of the city."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-cup-coffee-macarons_23-2148349701.jpg?_wi=1"
|
||||
imageAlt="Karamel's Cafe cozy interior"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
{
|
||||
text: "Order Online",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Welcome to Karamel's Cafe"
|
||||
description="Indulge in our selection of artisanal coffee and exquisite handmade meals in the heart of the city."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-cup-coffee-macarons_23-2148349701.jpg"
|
||||
imageAlt="Karamel's Cafe cozy interior"
|
||||
buttons={[
|
||||
{ text: "View Our Menu", href: "/menu" },
|
||||
{ text: "Order Online", href: "/contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyEight
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Artisanal Coffee",
|
||||
subtitle: "Roasted to perfection",
|
||||
category: "Drink",
|
||||
value: "Experience the aroma",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Fresh Pastries",
|
||||
subtitle: "Baked daily",
|
||||
category: "Food",
|
||||
value: "Buttery and delicious",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Gourmet Meals",
|
||||
subtitle: "Locally sourced",
|
||||
category: "Dining",
|
||||
value: "Culinary excellence",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Specialties"
|
||||
description="Experience passion in every bite and sip."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Artisanal Coffee", subtitle: "Roasted to perfection", category: "Drink", value: "Experience the aroma" },
|
||||
{ id: "f2", title: "Fresh Pastries", subtitle: "Baked daily", category: "Food", value: "Buttery and delicious" },
|
||||
{ id: "f3", title: "Gourmet Meals", subtitle: "Locally sourced", category: "Dining", value: "Culinary excellence" }
|
||||
]}
|
||||
title="Our Signature Specialties"
|
||||
description="Experience passion in every bite and sip."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Story"
|
||||
description="Founded on a love for community and fine coffee."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286009.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Local Roots",
|
||||
description: "Sourcing beans from local farmers.",
|
||||
},
|
||||
{
|
||||
title: "Cozy Ambience",
|
||||
description: "Designed for relaxation.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Story"
|
||||
description="Founded on a love for community and fine coffee."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286009.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
bulletPoints={[
|
||||
{ title: "Local Roots", description: "Sourcing beans from local farmers." },
|
||||
{ title: "Cozy Ambience", description: "Designed for relaxation." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="What Our Customers Say"
|
||||
description="Heartwarming feedback from our guests."
|
||||
kpiItems={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Daily Cups",
|
||||
},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Rating",
|
||||
},
|
||||
{
|
||||
value: "10y",
|
||||
label: "Experience",
|
||||
},
|
||||
]}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
role: "Regular",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-guys-sitting-indoors_23-2148450777.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="What Our Customers Say"
|
||||
description="Heartwarming feedback from our guests."
|
||||
kpiItems={[
|
||||
{ value: "500+", label: "Daily Cups" },
|
||||
{ value: "4.9/5", label: "Rating" },
|
||||
{ value: "10y", label: "Experience" }
|
||||
]}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Alex R.", role: "Regular", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-guys-sitting-indoors_23-2148450777.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Latest News"
|
||||
description="Stay updated with our cafe events and seasonal specials."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "News",
|
||||
title: "Summer Menu Launch",
|
||||
excerpt: "Refreshing drinks for your sunny days.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-breakfast-cheesecake-red-smoothie-white-table_23-2148067151.jpg",
|
||||
authorName: "Jane Doe",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/high-angle-view-cup-coffee-with-milk_23-2148337163.jpg",
|
||||
date: "2024-06-01",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Latest News"
|
||||
description="Stay updated with our cafe events and seasonal specials."
|
||||
blogs={[
|
||||
{ id: "b1", category: "News", title: "Summer Menu Launch", excerpt: "Refreshing drinks for your sunny days.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-breakfast-cheesecake-red-smoothie-white-table_23-2148067151.jpg", authorName: "Jane Doe", authorAvatar: "http://img.b2bpic.net/free-photo/high-angle-view-cup-coffee-with-milk_23-2148337163.jpg", date: "2024-06-01" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
{
|
||||
label: "Order",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Karamel's Cafe"
|
||||
bottomRightText="123 Cafe Street, Coffee Town"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Quick Links", items: [{ label: "Menu", href: "/menu" }, { label: "Order", href: "/contact" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Karamel's Cafe"
|
||||
bottomRightText="123 Cafe Street, Coffee Town"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user