Merge version_2 into main #1
177
src/app/page.tsx
177
src/app/page.tsx
@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
@@ -30,92 +30,46 @@ 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: "products",
|
||||
},
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Fresh"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Fresh Coffee, Miami Vibes"
|
||||
description="Experience the finest artisanal brews and warm hospitality in the heart of Miami. Start your morning right with Fresh."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cinematic-scene-depicting-support-kindness-amongst-communities-people_23-2151253419.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-colleagues-work-break-time-medium-shot_23-2149308457.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-curly-hair-sitting-table_171337-15641.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
]}
|
||||
avatarText="Loved by locals"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-barista-making-latte-art_53876-24971.jpg"
|
||||
imageAlt="Fresh Coffee"
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Visit Us", href: "#contact"},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Menu", href: "#products"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Roasted",
|
||||
},
|
||||
type: "text", text: "Locally Roasted"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Miami's Favorite",
|
||||
},
|
||||
type: "text", text: "Miami's Favorite"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ethically Sourced",
|
||||
},
|
||||
type: "text", text: "Ethically Sourced"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Open Daily 7AM-6PM",
|
||||
},
|
||||
type: "text", text: "Open Daily 7AM-6PM"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hand-crafted Brews",
|
||||
},
|
||||
type: "text", text: "Hand-crafted Brews"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -141,41 +95,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Signature Latte",
|
||||
price: "$5.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/refreshing-boozy-white-russian-cocktail-with-vodka-cream_123827-37414.jpg",
|
||||
},
|
||||
id: "1", name: "Signature Latte", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/refreshing-boozy-white-russian-cocktail-with-vodka-cream_123827-37414.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Espresso Shot",
|
||||
price: "$3.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beverage-leaf-cloth_23-2147885990.jpg",
|
||||
},
|
||||
id: "2", name: "Espresso Shot", price: "$3.00", imageSrc: "http://img.b2bpic.net/free-photo/beverage-leaf-cloth_23-2147885990.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Cold Brew",
|
||||
price: "$4.75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/apple-addiction-dish-drink-cafe_1232-3852.jpg",
|
||||
},
|
||||
id: "3", name: "Cold Brew", price: "$4.75", imageSrc: "http://img.b2bpic.net/free-photo/apple-addiction-dish-drink-cafe_1232-3852.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Buttery Croissant",
|
||||
price: "$3.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/board-sweet-twisted-pastry-cup-tea-marble-surface_114579-54464.jpg",
|
||||
},
|
||||
id: "4", name: "Buttery Croissant", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/board-sweet-twisted-pastry-cup-tea-marble-surface_114579-54464.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Blueberry Muffin",
|
||||
price: "$4.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-croissant-muffins-with-coffee_23-2147693692.jpg",
|
||||
},
|
||||
id: "5", name: "Blueberry Muffin", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/tasty-croissant-muffins-with-coffee_23-2147693692.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Iced Mocha",
|
||||
price: "$6.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/iced-chocolate-table_1339-4114.jpg",
|
||||
},
|
||||
id: "6", name: "Iced Mocha", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/iced-chocolate-table_1339-4114.jpg"},
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Hand-crafted espresso drinks, refreshing cold brews, and delicious local pastries."
|
||||
@@ -190,25 +120,15 @@ export default function LandingPage() {
|
||||
author="Sarah M."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-asian-woman-sitting-with-graphic-pen-looking-happy-drawing_1258-199033.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-asian-woman-sitting-with-graphic-pen-looking-happy-drawing_1258-199033.jpg", alt: "Sarah"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/contemplating-cafe_1098-14559.jpg",
|
||||
alt: "Michael",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/contemplating-cafe_1098-14559.jpg", alt: "Michael"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/satisfied-curly-woman-enjoys-coffee-break-holds-disposable-cup-beverage-looks-happily-wears-green-turtleneck-smiles-joyfully-has-spare-time-after-work-isolated-pink-wall_273609-27910.jpg",
|
||||
alt: "Elena",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/satisfied-curly-woman-enjoys-coffee-break-holds-disposable-cup-beverage-looks-happily-wears-green-turtleneck-smiles-joyfully-has-spare-time-after-work-isolated-pink-wall_273609-27910.jpg", alt: "Elena"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-redhead-female-barista-drinks-coffee_613910-497.jpg",
|
||||
alt: "David",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-redhead-female-barista-drinks-coffee_613910-497.jpg", alt: "David"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-stylish-girl-holding-thermo-cup-thoughtfully-looking-away-cozy-street-cafe_574295-2535.jpg",
|
||||
alt: "Jessica",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-stylish-girl-holding-thermo-cup-thoughtfully-looking-away-cozy-street-cafe_574295-2535.jpg", alt: "Jessica"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -219,16 +139,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Ready for a Cup?"
|
||||
description="Come visit our shop in Miami for an exceptional coffee experience. We are open daily from 7 AM to 6 PM."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
text: "Get Directions", href: "https://maps.google.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -239,45 +156,29 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Menu", href: "#products"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facebook", href: "#"},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -287,4 +188,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user