Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
176
src/app/page.tsx
176
src/app/page.tsx
@@ -2,9 +2,9 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="CoffeeTime"
|
||||
/>
|
||||
@@ -53,71 +45,42 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Start your day with CoffeeTime"
|
||||
description="Experience the warmth of our hand-roasted beans and cozy atmosphere. Perfect for quiet moments or sharing memories."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-arrangement_23-2150312249.jpg?_wi=1",
|
||||
imageAlt: "Coffee",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-arrangement_23-2150312249.jpg?_wi=1", imageAlt: "Coffee"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-arrangement_23-2150312249.jpg?_wi=2",
|
||||
imageAlt: "Coffee",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-arrangement_23-2150312249.jpg?_wi=2", imageAlt: "Coffee"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-arrangement_23-2150312249.jpg?_wi=3",
|
||||
imageAlt: "Coffee",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-arrangement_23-2150312249.jpg?_wi=3", imageAlt: "Coffee"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-arrangement_23-2150312249.jpg?_wi=4",
|
||||
imageAlt: "Coffee",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-arrangement_23-2150312249.jpg?_wi=4", imageAlt: "Coffee"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-arrangement_23-2150312249.jpg?_wi=5",
|
||||
imageAlt: "Coffee",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-arrangement_23-2150312249.jpg?_wi=5", imageAlt: "Coffee"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-arrangement_23-2150312249.jpg?_wi=6",
|
||||
imageAlt: "Coffee",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-arrangement_23-2150312249.jpg?_wi=6", imageAlt: "Coffee"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-arrangement_23-2150312249.jpg?_wi=7",
|
||||
imageAlt: "Coffee",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-arrangement_23-2150312249.jpg?_wi=7", imageAlt: "Coffee"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-arrangement_23-2150312249.jpg?_wi=8",
|
||||
imageAlt: "Coffee",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-arrangement_23-2150312249.jpg?_wi=8", imageAlt: "Coffee"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-arrangement_23-2150312249.jpg?_wi=9",
|
||||
imageAlt: "Coffee",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-arrangement_23-2150312249.jpg?_wi=9", imageAlt: "Coffee"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-arrangement_23-2150312249.jpg?_wi=10",
|
||||
imageAlt: "Coffee",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-arrangement_23-2150312249.jpg?_wi=10", imageAlt: "Coffee"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-arrangement_23-2150312249.jpg?_wi=11",
|
||||
imageAlt: "Coffee",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-arrangement_23-2150312249.jpg?_wi=11", imageAlt: "Coffee"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-arrangement_23-2150312249.jpg?_wi=12",
|
||||
imageAlt: "Coffee",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-arrangement_23-2150312249.jpg?_wi=12", imageAlt: "Coffee"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Order now",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "Order now", href: "#menu"},
|
||||
{
|
||||
text: "Book a table",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book a table", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -129,9 +92,7 @@ export default function LandingPage() {
|
||||
title="About Us"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn more",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn more", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -144,23 +105,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Signature Latte",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/instagram-stories-template-with-brunch_23-2148452340.jpg",
|
||||
},
|
||||
id: "p1", name: "Signature Latte", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-psd/instagram-stories-template-with-brunch_23-2148452340.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Artisan Croissant",
|
||||
price: "$3.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-photo-smiling-adorable-lady-with-wonderful-smile-dark-manicure-is-holding-coffee-enjoying-resting-cafeteria_291650-2135.jpg",
|
||||
},
|
||||
id: "p2", name: "Artisan Croissant", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/top-view-photo-smiling-adorable-lady-with-wonderful-smile-dark-manicure-is-holding-coffee-enjoying-resting-cafeteria_291650-2135.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Cold Brew Special",
|
||||
price: "$5.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-cup-cinnamon-sticks_23-2149271477.jpg",
|
||||
},
|
||||
id: "p3", name: "Cold Brew Special", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-cup-cinnamon-sticks_23-2149271477.jpg"},
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="Savor our handcrafted beverages and artisan pastries, prepared fresh daily."
|
||||
@@ -174,42 +123,30 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Fresh Roast",
|
||||
description: "Locally sourced, expertly roasted.",
|
||||
icon: Coffee,
|
||||
title: "Fresh Roast", description: "Locally sourced, expertly roasted.", icon: Coffee,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/details-catered-holiday-table-restaurant_8353-9663.jpg?_wi=1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/details-catered-holiday-table-restaurant_8353-9663.jpg?_wi=1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/details-catered-holiday-table-restaurant_8353-9663.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/details-catered-holiday-table-restaurant_8353-9663.jpg?_wi=2"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Cozy Vibes",
|
||||
description: "Relax in our warm environment.",
|
||||
icon: Coffee,
|
||||
title: "Cozy Vibes", description: "Relax in our warm environment.", icon: Coffee,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-1288.jpg?_wi=1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-1288.jpg?_wi=1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-1288.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-1288.jpg?_wi=2"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Artisan Baristas",
|
||||
description: "Expert hands, perfect pours.",
|
||||
icon: Coffee,
|
||||
title: "Artisan Baristas", description: "Expert hands, perfect pours.", icon: Coffee,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-female-barista-using-professional-coffee-machine_23-2148824377.jpg?_wi=1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-female-barista-using-professional-coffee-machine_23-2148824377.jpg?_wi=1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-female-barista-using-professional-coffee-machine_23-2148824377.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-female-barista-using-professional-coffee-machine_23-2148824377.jpg?_wi=2"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -219,58 +156,39 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
<ContactText
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Get in touch"
|
||||
description="Located at Main Street 123. Give us a call at +1 234 567 890 to book a table."
|
||||
variant: "plain"}}
|
||||
text="Visit us at Main Street 123 or call us at +1 234 567 890"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact us",
|
||||
href: "tel:+1234567890",
|
||||
},
|
||||
text: "Call Us", href: "tel:+1234567890"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
<FooterLogoEmphasis
|
||||
logoText="CoffeeTime"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{ label: "Menu", href: "#menu" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Facebook", href: "#" },
|
||||
{ label: "Twitter", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 CoffeeTime"
|
||||
bottomRightText="All rights reserved"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user