Merge version_1 into main #1
174
src/app/page.tsx
174
src/app/page.tsx
@@ -11,7 +11,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Coffee } from "lucide-react";
|
||||
import { Coffee, Croissant, Laptop, Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,46 +32,31 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
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="Vintage Coffeehouse"
|
||||
button={{
|
||||
text: "Order Online",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Order Online", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
logoText="Vintage Coffeehouse"
|
||||
description="Butler's most beautiful destination for artisan coffee and curated moments. Beyond anything you expected, fancy but accessible—welcome to your new home."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Online",
|
||||
href: "#",
|
||||
},
|
||||
text: "Order Online", href: "#"},
|
||||
{
|
||||
text: "Visit Today",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Visit Today", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cocktail-wooden-table-restaurant_23-2147936121.jpg"
|
||||
imageAlt="elegant coffee shop interior warm light"
|
||||
@@ -99,28 +84,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Signature Coffee",
|
||||
description: "Hand-poured artisan blends and perfectly extracted espressos.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barista-brewing-coffee-alternative-method-pour_176420-14720.jpg",
|
||||
buttonIcon: "Coffee",
|
||||
title: "Signature Coffee", description: "Hand-poured artisan blends and perfectly extracted espressos.", imageSrc: "http://img.b2bpic.net/free-photo/male-barista-brewing-coffee-alternative-method-pour_176420-14720.jpg", buttonIcon: Coffee,
|
||||
},
|
||||
{
|
||||
title: "Fresh Pastries",
|
||||
description: "Daily baked muffins, scones, and seasonal quiches.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-bagels-with-cakes-fresh-strawberries-cookies-white-desk_140725-66508.jpg",
|
||||
buttonIcon: "Croissant",
|
||||
title: "Fresh Pastries", description: "Daily baked muffins, scones, and seasonal quiches.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-bagels-with-cakes-fresh-strawberries-cookies-white-desk_140725-66508.jpg", buttonIcon: Croissant,
|
||||
},
|
||||
{
|
||||
title: "Creative Spaces",
|
||||
description: "Lounge-style seating perfect for remote work or meetings.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-terrace-working_23-2148645192.jpg",
|
||||
buttonIcon: "Laptop",
|
||||
title: "Creative Spaces", description: "Lounge-style seating perfect for remote work or meetings.", imageSrc: "http://img.b2bpic.net/free-photo/woman-terrace-working_23-2148645192.jpg", buttonIcon: Laptop,
|
||||
},
|
||||
{
|
||||
title: "Premium Catering",
|
||||
description: "Elevate your next corporate meeting or private gathering.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-businessman-serving-food-office-party_637285-12733.jpg",
|
||||
buttonIcon: "Users",
|
||||
title: "Premium Catering", description: "Elevate your next corporate meeting or private gathering.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-businessman-serving-food-office-party_637285-12733.jpg", buttonIcon: Users,
|
||||
},
|
||||
]}
|
||||
title="Crafted Perfection"
|
||||
@@ -135,45 +108,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah_j",
|
||||
testimonial: "A complete gem. Beyond anything I expected in Butler.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-female-drinking-coffee-lady-holding-white-mug-with-hand_1153-6322.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", handle: "@sarah_j", testimonial: "A complete gem. Beyond anything I expected in Butler.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-female-drinking-coffee-lady-holding-white-mug-with-hand_1153-6322.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael T.",
|
||||
handle: "@mt_designs",
|
||||
testimonial: "The perfect place to work. Fancy, but surprisingly affordable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-beard-works-computer-sitting-office-by-window_169016-21498.jpg",
|
||||
},
|
||||
id: "2", name: "Michael T.", handle: "@mt_designs", testimonial: "The perfect place to work. Fancy, but surprisingly affordable.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-beard-works-computer-sitting-office-by-window_169016-21498.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
handle: "@emily_r",
|
||||
testimonial: "Best scones I've ever had. Truly a destination experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-restaurant-table-with-pink-velvet-chairs-grey-painted-hall-with-classic-paintings_140725-8705.jpg",
|
||||
},
|
||||
id: "3", name: "Emily R.", handle: "@emily_r", testimonial: "Best scones I've ever had. Truly a destination experience.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-restaurant-table-with-pink-velvet-chairs-grey-painted-hall-with-classic-paintings_140725-8705.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
handle: "@david_w",
|
||||
testimonial: "Friendly staff, outstanding coffee, beautiful decor.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-working-with-coffee-machine-bar-counter-restaurant-barista-apron-white-shirt-making-coffee-by-coffee-machine-cafe-boy-working-as-barista-coffee-shop_574295-4942.jpg",
|
||||
},
|
||||
id: "4", name: "David W.", handle: "@david_w", testimonial: "Friendly staff, outstanding coffee, beautiful decor.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-working-with-coffee-machine-bar-counter-restaurant-barista-apron-white-shirt-making-coffee-by-coffee-machine-cafe-boy-working-as-barista-coffee-shop_574295-4942.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica L.",
|
||||
handle: "@jess_l",
|
||||
testimonial: "The Lavender Haze latte is a dream. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-teenager-urged-sing-microphone-counseling-session_482257-113872.jpg",
|
||||
},
|
||||
id: "5", name: "Jessica L.", handle: "@jess_l", testimonial: "The Lavender Haze latte is a dream. Highly recommend.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-teenager-urged-sing-microphone-counseling-session_482257-113872.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Words from Our Guests"
|
||||
@@ -188,25 +136,13 @@ export default function LandingPage() {
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "4.9★",
|
||||
description: "Customer Rating",
|
||||
},
|
||||
id: "1", value: "4.9★", description: "Customer Rating"},
|
||||
{
|
||||
id: "2",
|
||||
value: "500+",
|
||||
description: "Five-Star Reviews",
|
||||
},
|
||||
id: "2", value: "500+", description: "Five-Star Reviews"},
|
||||
{
|
||||
id: "3",
|
||||
value: "20+",
|
||||
description: "Pastry Variations",
|
||||
},
|
||||
id: "3", value: "20+", description: "Pastry Variations"},
|
||||
{
|
||||
id: "4",
|
||||
value: "100%",
|
||||
description: "Authentic Hospitality",
|
||||
},
|
||||
id: "4", value: "100%", description: "Authentic Hospitality"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -217,14 +153,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Butler Gazette",
|
||||
"Local Life Magazine",
|
||||
"Pennsylvania Artisan",
|
||||
"Coffee Culture Daily",
|
||||
"Downtown Butler News",
|
||||
"The Daily Scone",
|
||||
"Regional Eats",
|
||||
]}
|
||||
"Butler Gazette", "Local Life Magazine", "Pennsylvania Artisan", "Coffee Culture Daily", "Downtown Butler News", "The Daily Scone", "Regional Eats"]}
|
||||
title="As Featured By"
|
||||
description="Recognized across the region for our dedication to excellence."
|
||||
/>
|
||||
@@ -237,22 +166,14 @@ export default function LandingPage() {
|
||||
description="Have questions or want to book an event? Reach out to our hospitality team."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "How can we help?", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hanging-glass-lamp-light-vintage_1203-5789.jpg"
|
||||
@@ -265,42 +186,27 @@ export default function LandingPage() {
|
||||
logoText="Vintage Coffeehouse"
|
||||
columns={[
|
||||
{
|
||||
title: "Visit",
|
||||
items: [
|
||||
title: "Visit", items: [
|
||||
{
|
||||
label: "Butler, PA",
|
||||
href: "#",
|
||||
},
|
||||
label: "Butler, PA", href: "#"},
|
||||
{
|
||||
label: "Open Daily",
|
||||
href: "#",
|
||||
},
|
||||
label: "Open Daily", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Catering",
|
||||
href: "#",
|
||||
},
|
||||
label: "Catering", href: "#"},
|
||||
{
|
||||
label: "Events",
|
||||
href: "#",
|
||||
},
|
||||
label: "Events", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Loyalty",
|
||||
href: "#",
|
||||
},
|
||||
label: "Loyalty", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user