Merge version_1 into main #2
198
src/app/page.tsx
198
src/app/page.tsx
@@ -5,10 +5,9 @@ import ReactLenis from "lenis/react";
|
||||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import LegalSection from '@/components/legal/LegalSection';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import { Coffee, Palette, Utensils } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -29,101 +28,41 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "/menu",
|
||||
},
|
||||
{
|
||||
name: "The Vibe",
|
||||
id: "/#vibe",
|
||||
},
|
||||
{
|
||||
name: "Visit Us",
|
||||
id: "/#visit",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" }
|
||||
]}
|
||||
button={{
|
||||
text: "Order Online",
|
||||
href: "#",
|
||||
}}
|
||||
brandName="CRAVE CAFÉ"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Satisfy Your Craving for Elegance."
|
||||
description="Artisanal coffee, curated bites, and an unforgettable ambiance in the heart of West Springfield."
|
||||
kpis={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Artisanal",
|
||||
},
|
||||
{
|
||||
value: "24",
|
||||
label: "Elm Street",
|
||||
},
|
||||
{
|
||||
value: "Daily",
|
||||
label: "Freshness",
|
||||
},
|
||||
{ value: "100%", label: "Artisanal" },
|
||||
{ value: "24", label: "Elm Street" },
|
||||
{ value: "Daily", label: "Freshness" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore The Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17101.jpg?_wi=1"
|
||||
buttons={[{ text: "Explore The Menu", href: "/menu" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17101.jpg"
|
||||
imageAlt="Luxurious Cafe Interior"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17101.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17101.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17101.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17101.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17101.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17101.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17101.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17101.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17101.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17101.jpg", alt: "Customer 5" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Roasted",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Boutique Atmosphere",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Gourmet Pastries",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Gold Standard Coffee",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "West Springfield",
|
||||
},
|
||||
{ type: "text", text: "Locally Roasted" },
|
||||
{ type: "text", text: "Boutique Atmosphere" },
|
||||
{ type: "text", text: "Gourmet Pastries" },
|
||||
{ type: "text", text: "Gold Standard Coffee" },
|
||||
{ type: "text", text: "West Springfield" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -134,21 +73,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Artisanal Coffee",
|
||||
description: "Expertly roasted beans brewed to perfection by our master baristas.",
|
||||
icon: Coffee,
|
||||
},
|
||||
{
|
||||
title: "Curated Bites",
|
||||
description: "From fresh morning pastries to elegant afternoon lunches.",
|
||||
icon: Utensils,
|
||||
},
|
||||
{
|
||||
title: "The Aesthetic",
|
||||
description: "Matte black finishes, striking gold accents, and a European-style patio.",
|
||||
icon: Palette,
|
||||
},
|
||||
{ title: "Artisanal Coffee", description: "Expertly roasted beans brewed to perfection by our master baristas.", icon: Coffee },
|
||||
{ title: "Curated Bites", description: "From fresh morning pastries to elegant afternoon lunches.", icon: Utensils },
|
||||
{ title: "The Aesthetic", description: "Matte black finishes, striking gold accents, and a European-style patio.", icon: Palette }
|
||||
]}
|
||||
title="Signature Experiences"
|
||||
description="Discover the art of the perfect break."
|
||||
@@ -161,18 +88,9 @@ export default function LandingPage() {
|
||||
title="More Than Just a Café"
|
||||
description="Step into a space designed for connection and indulgence. With our signature gold-accented interiors, striking floral arrangements, and meticulously crafted beverages, every visit to Crave is a moment to savor."
|
||||
metrics={[
|
||||
{
|
||||
value: "2026",
|
||||
title: "Est.",
|
||||
},
|
||||
{
|
||||
value: "Daily",
|
||||
title: "Service",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Elegance",
|
||||
},
|
||||
{ value: "2026", title: "Est." },
|
||||
{ value: "Daily", title: "Service" },
|
||||
{ value: "100%", title: "Elegance" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/open-book-breakfast-time_23-2148171388.jpg"
|
||||
imageAlt="Cafe interior aesthetics"
|
||||
@@ -189,70 +107,24 @@ export default function LandingPage() {
|
||||
description="Give the gift of luxury at Crave Café."
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "Coffee Club",
|
||||
price: "$30",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"1 Free Drink Daily",
|
||||
"Priority Seating",
|
||||
"Member Events",
|
||||
],
|
||||
button: {
|
||||
text: "Join Club",
|
||||
href: "#",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pouring-milk-cup-coffee_1153-548.jpg?_wi=1",
|
||||
id: "p1", title: "Coffee Club", price: "$30", period: "/mo", features: ["1 Free Drink Daily", "Priority Seating", "Member Events"],
|
||||
button: { text: "Join Club", href: "#" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pouring-milk-cup-coffee_1153-548.jpg"
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
title: "Gift Card",
|
||||
price: "$50",
|
||||
period: "",
|
||||
features: [
|
||||
"Usable In-Store",
|
||||
"Elegant Packaging",
|
||||
"No Expiry",
|
||||
],
|
||||
button: {
|
||||
text: "Buy Now",
|
||||
href: "#",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cake-cake-with-berries-chocolate-waffles-bowls-colorful-sweets_140725-71279.jpg",
|
||||
},
|
||||
id: "p2", title: "Gift Card", price: "$50", period: "", features: ["Usable In-Store", "Elegant Packaging", "No Expiry"],
|
||||
button: { text: "Buy Now", href: "#" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cake-cake-with-berries-chocolate-waffles-bowls-colorful-sweets_140725-71279.jpg"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="legal" data-section="legal">
|
||||
<LegalSection />
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "24 Elm St, West Springfield, MA",
|
||||
},
|
||||
{
|
||||
label: "Open Daily | 7:00 AM - 4:00 PM",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "24 Elm St, West Springfield, MA" }, { label: "Open Daily | 7:00 AM - 4:00 PM" }] },
|
||||
{ items: [{ label: "Instagram", href: "https://instagram.com" }, { label: "Facebook", href: "https://facebook.com" }] }
|
||||
]}
|
||||
logoText="CRAVE CAFÉ"
|
||||
/>
|
||||
@@ -260,4 +132,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user