Merge version_1 into main #1
219
src/app/page.tsx
219
src/app/page.tsx
@@ -16,27 +16,26 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Story",
|
||||
id: "story",
|
||||
},
|
||||
name: "Story", id: "story"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Visit",
|
||||
id: "visit",
|
||||
},
|
||||
name: "Visit", id: "visit"},
|
||||
]}
|
||||
brandName="HOT OFF THE PRESS"
|
||||
/>
|
||||
@@ -46,103 +45,58 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Small Town Charm. Elevated Coffee."
|
||||
description="A cozy coffee shop off the interstate serving handcrafted sandwiches, fresh breakfast, and rich coffee—made for travelers and locals alike."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Best biscuits & gravy I’ve ever had. Cozy atmosphere.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coquette-watercolor-pattern_23-2151843222.jpg",
|
||||
},
|
||||
name: "Sarah J.", handle: "@sarahj", testimonial: "Best biscuits & gravy I’ve ever had. Cozy atmosphere.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coquette-watercolor-pattern_23-2151843222.jpg"},
|
||||
{
|
||||
name: "Mike D.",
|
||||
handle: "@miked",
|
||||
testimonial: "Stopped in on a road trip—amazing service, hot fresh food.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-women-laughing-together-medium-shot_23-2148422483.jpg",
|
||||
},
|
||||
name: "Mike D.", handle: "@miked", testimonial: "Stopped in on a road trip—amazing service, hot fresh food.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-women-laughing-together-medium-shot_23-2148422483.jpg"},
|
||||
{
|
||||
name: "Emily R.",
|
||||
handle: "@emilyr",
|
||||
testimonial: "Everything tasted great and service was excellent.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064692.jpg",
|
||||
},
|
||||
name: "Emily R.", handle: "@emilyr", testimonial: "Everything tasted great and service was excellent.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064692.jpg"},
|
||||
{
|
||||
name: "David K.",
|
||||
handle: "@davidk",
|
||||
testimonial: "A true gem off the highway. Always stop here!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-drinking-coffee_23-2148395430.jpg",
|
||||
},
|
||||
name: "David K.", handle: "@davidk", testimonial: "A true gem off the highway. Always stop here!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-drinking-coffee_23-2148395430.jpg"},
|
||||
{
|
||||
name: "Chloe L.",
|
||||
handle: "@chloel",
|
||||
testimonial: "The staff are so friendly and the coffee is perfect.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-coffee-cup_23-2149031292.jpg",
|
||||
},
|
||||
name: "Chloe L.", handle: "@chloel", testimonial: "The staff are so friendly and the coffee is perfect.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-coffee-cup_23-2149031292.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "Explore Menu", href: "#menu"},
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#visit",
|
||||
},
|
||||
text: "Get Directions", href: "#visit"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/row-decorative-light-bulbs-hanging-cafe_181624-58119.jpg"
|
||||
imageAlt="cozy coffee shop interior"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064701.jpg",
|
||||
alt: "Person in a cafe enjoying a book",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064701.jpg", alt: "Person in a cafe enjoying a book"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/luxury-dining-room-illuminated-by-candlelight-glow-generated-by-ai_188544-24152.jpg",
|
||||
alt: "Luxury dining room illuminated by candlelight glow",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/luxury-dining-room-illuminated-by-candlelight-glow-generated-by-ai_188544-24152.jpg", alt: "Luxury dining room illuminated by candlelight glow"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-blur-coffee-shop_1339-2395.jpg",
|
||||
alt: "abstract blur in coffee shop",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-blur-coffee-shop_1339-2395.jpg", alt: "abstract blur in coffee shop"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hanging-lamp_1339-2713.jpg",
|
||||
alt: "hanging lamp",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/hanging-lamp_1339-2713.jpg", alt: "hanging lamp"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brunette-girl-using-her-cellphone-reach-friend_1157-17795.jpg",
|
||||
alt: "brunette girl using her cellphone",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/brunette-girl-using-her-cellphone-reach-friend_1157-17795.jpg", alt: "brunette girl using her cellphone"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Freshly Roasted Daily",
|
||||
},
|
||||
type: "text", text: "Freshly Roasted Daily"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Sourced Ingredients",
|
||||
},
|
||||
type: "text", text: "Locally Sourced Ingredients"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Open 7 Days a Week",
|
||||
},
|
||||
type: "text", text: "Open 7 Days a Week"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cozy Atmosphere",
|
||||
},
|
||||
type: "text", text: "Cozy Atmosphere"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisanal Coffee",
|
||||
},
|
||||
type: "text", text: "Artisanal Coffee"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -153,8 +107,7 @@ export default function LandingPage() {
|
||||
title="Our Story"
|
||||
buttons={[
|
||||
{
|
||||
text: "Read More",
|
||||
},
|
||||
text: "Read More"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -167,41 +120,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Biscuits & Gravy",
|
||||
price: "$8.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-successful-bearded-south-asian-young-indian-freelancer-blue-jeans-shirt-sitting-cafe-with-chicken-nuggets-lemonade_627829-5095.jpg",
|
||||
},
|
||||
id: "p1", name: "Biscuits & Gravy", price: "$8.50", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-successful-bearded-south-asian-young-indian-freelancer-blue-jeans-shirt-sitting-cafe-with-chicken-nuggets-lemonade_627829-5095.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Reuben Sandwich",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064702.jpg",
|
||||
},
|
||||
id: "p2", name: "Reuben Sandwich", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064702.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Grilled Cheese Deluxe",
|
||||
price: "$9.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-light-lamp-decoration_1339-7078.jpg",
|
||||
},
|
||||
id: "p3", name: "Grilled Cheese Deluxe", price: "$9.50", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-light-lamp-decoration_1339-7078.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Pesto Turkey",
|
||||
price: "$11.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-with-leather-sofa-paintings-wall_140725-9715.jpg",
|
||||
},
|
||||
id: "p4", name: "Pesto Turkey", price: "$11.00", imageSrc: "http://img.b2bpic.net/free-photo/restaurant-with-leather-sofa-paintings-wall_140725-9715.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Roast Beef Melt",
|
||||
price: "$12.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-barista-white-t-shirt-jeans-pouring-coffee-beans-into-modern-small-burr-grinder_346278-1114.jpg",
|
||||
},
|
||||
id: "p5", name: "Roast Beef Melt", price: "$12.50", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-barista-white-t-shirt-jeans-pouring-coffee-beans-into-modern-small-burr-grinder_346278-1114.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Cuban Sandwich",
|
||||
price: "$11.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-pouring-milk-coffee-unique-shaped-glass_140725-7035.jpg",
|
||||
},
|
||||
id: "p6", name: "Cuban Sandwich", price: "$11.50", imageSrc: "http://img.b2bpic.net/free-photo/man-pouring-milk-coffee-unique-shaped-glass_140725-7035.jpg"},
|
||||
]}
|
||||
title="Customer Favorites"
|
||||
description="Fresh, hot, and made with care."
|
||||
@@ -215,45 +144,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarah",
|
||||
testimonial: "Great little place for breakfast.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-pottery-illustration_23-2151813453.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Johnson", handle: "@sarah", testimonial: "Great little place for breakfast.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-pottery-illustration_23-2151813453.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mike",
|
||||
testimonial: "Amazing service and fresh food.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-interracial-young-couple-sitting-outdoor-cafe_23-2148151923.jpg",
|
||||
},
|
||||
id: "t2", name: "Michael Chen", handle: "@mike", testimonial: "Amazing service and fresh food.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-interracial-young-couple-sitting-outdoor-cafe_23-2148151923.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@emily",
|
||||
testimonial: "Best biscuits & gravy ever.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-meeting-restaurant_23-2148395335.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily Rodriguez", handle: "@emily", testimonial: "Best biscuits & gravy ever.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-meeting-restaurant_23-2148395335.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
handle: "@david",
|
||||
testimonial: "Such a cozy spot!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-waitress-serving-cocktail-female-customer-sitting-restaurant_23-2147936269.jpg",
|
||||
},
|
||||
id: "t4", name: "David Kim", handle: "@david", testimonial: "Such a cozy spot!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-waitress-serving-cocktail-female-customer-sitting-restaurant_23-2147936269.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Chloe L.",
|
||||
handle: "@chloe",
|
||||
testimonial: "Love the local charm.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-686.jpg",
|
||||
},
|
||||
id: "t5", name: "Chloe L.", handle: "@chloe", testimonial: "Love the local charm.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-686.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What People Are Saying"
|
||||
@@ -265,15 +169,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Perfect for Travelers & Locals"
|
||||
description="Right off the interstate—come say hello."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
},
|
||||
text: "Get Directions"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -283,20 +185,13 @@ export default function LandingPage() {
|
||||
logoText="HOT OFF THE PRESS"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "Story",
|
||||
href: "#story",
|
||||
},
|
||||
label: "Story", href: "#story"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Menu", href: "#menu"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
label: "Reviews", href: "#reviews"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user