Merge version_1 into main #1
296
src/app/page.tsx
296
src/app/page.tsx
@@ -33,26 +33,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Hashtag Café"
|
||||
/>
|
||||
@@ -60,64 +45,27 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="More Than Coffee Its a Whole Vibe"
|
||||
description="From handcrafted drinks to unforgettable bites, Hashtag Café is Sarasotas goto for connection, creativity, and seriously good coffee. No rush, no pressure—just great people and a space designed to feel like yours."
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Us Today",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Visit Us Today", href: "#contact" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ozk63e"
|
||||
imageAlt="luxury cafe interior warm lighting"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rt0cbe",
|
||||
alt: "smiling customer reading book",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0ae2a9",
|
||||
alt: "happy group friends laughing",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q8gfv7",
|
||||
alt: "content customer sipping coffee",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=69l4ul",
|
||||
alt: "happy customer working laptop",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=auauyi",
|
||||
alt: "happy student enjoying cafe",
|
||||
},
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rt0cbe", alt: "smiling customer reading book" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0ae2a9", alt: "happy group friends laughing" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q8gfv7", alt: "content customer sipping coffee" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=69l4ul", alt: "happy customer working laptop" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=auauyi", alt: "happy student enjoying cafe" },
|
||||
]}
|
||||
avatarText="Join our 2,000+ local members"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisanal Coffee",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fresh Pastries",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Community Events",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Free Wi-Fi",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Pet Friendly",
|
||||
},
|
||||
{ type: "text", text: "Artisanal Coffee" },
|
||||
{ type: "text", text: "Fresh Pastries" },
|
||||
{ type: "text", text: "Community Events" },
|
||||
{ type: "text", text: "Free Wi-Fi" },
|
||||
{ type: "text", text: "Pet Friendly" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -129,18 +77,9 @@ export default function LandingPage() {
|
||||
title="Your Community Hub in Sarasota"
|
||||
description="Hashtag Café isn't just about the beans. It's about bringing people together in a vibrant, artistic space that sparks conversation, creativity, and long-lasting connections."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Artisanal Brews",
|
||||
description: "Handcrafted coffee from the best local roasters.",
|
||||
},
|
||||
{
|
||||
title: "Gourmet Bites",
|
||||
description: "Fresh international food and buttery pastries.",
|
||||
},
|
||||
{
|
||||
title: "Live Community",
|
||||
description: "Frequent open mic nights, art exhibits, and meetups.",
|
||||
},
|
||||
{ title: "Artisanal Brews", description: "Handcrafted coffee from the best local roasters." },
|
||||
{ title: "Gourmet Bites", description: "Fresh international food and buttery pastries." },
|
||||
{ title: "Live Community", description: "Frequent open mic nights, art exhibits, and meetups." },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gcxgrw"
|
||||
imageAlt="friendly barista serving coffee"
|
||||
@@ -155,42 +94,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Signature Latte",
|
||||
price: "$5.50",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zo08mm",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Almond Croissant",
|
||||
price: "$4.25",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3c1myd",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Avocado Smash Toast",
|
||||
price: "$12.00",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cy8paj",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mediterranean Sandwich",
|
||||
price: "$14.50",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w26oz4",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Artisan Sourdough Plate",
|
||||
price: "$11.50",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yqkbgy",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Premium Roast Bags",
|
||||
price: "$18.00",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=62i2bz",
|
||||
},
|
||||
{ id: "1", name: "Signature Latte", price: "$5.50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zo08mm" },
|
||||
{ id: "2", name: "Almond Croissant", price: "$4.25", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3c1myd" },
|
||||
{ id: "3", name: "Avocado Smash Toast", price: "$12.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cy8paj" },
|
||||
{ id: "4", name: "Mediterranean Sandwich", price: "$14.50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w26oz4" },
|
||||
{ id: "5", name: "Artisan Sourdough Plate", price: "$11.50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yqkbgy" },
|
||||
{ id: "6", name: "Premium Roast Bags", price: "$18.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=62i2bz" },
|
||||
]}
|
||||
title="Explore Our Menu"
|
||||
description="Carefully curated flavors that satisfy your cravings from dawn till dusk."
|
||||
@@ -204,27 +113,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "833",
|
||||
title: "Reviews",
|
||||
description: "Happy coffee lovers shared their thoughts.",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.9",
|
||||
title: "Rating",
|
||||
description: "Consistently providing 5-star experiences.",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "12k+",
|
||||
title: "Drinks Served",
|
||||
description: "Serving joy, one cup at a time.",
|
||||
icon: Coffee,
|
||||
},
|
||||
{ id: "m1", value: "833", title: "Reviews", description: "Happy coffee lovers shared their thoughts.", icon: Star },
|
||||
{ id: "m2", value: "4.9", title: "Rating", description: "Consistently providing 5-star experiences.", icon: Award },
|
||||
{ id: "m3", value: "12k+", title: "Drinks Served", description: "Serving joy, one cup at a time.", icon: Coffee },
|
||||
]}
|
||||
title="Loved by Sarasota"
|
||||
description="We are proud to be the heart of our neighborhood."
|
||||
@@ -235,26 +126,12 @@ export default function LandingPage() {
|
||||
<TeamCardSix
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Riviera",
|
||||
role: "Head Barista",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8ah35k",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Maya Singh",
|
||||
role: "Pastry Chef",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bc7hg8",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jared Thorne",
|
||||
role: "Community Lead",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9wyoum",
|
||||
},
|
||||
{ id: "t1", name: "Alex Riviera", role: "Head Barista", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8ah35k" },
|
||||
{ id: "t2", name: "Maya Singh", role: "Pastry Chef", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bc7hg8" },
|
||||
{ id: "t3", name: "Jared Thorne", role: "Community Lead", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9wyoum" },
|
||||
]}
|
||||
title="Meet the Minds Behind the Vibe"
|
||||
description="Passionate individuals committed to serving the best experiences in town."
|
||||
@@ -267,46 +144,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah_j",
|
||||
testimonial: "The best third space in Sarasota, hands down.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rt0cbe",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
handle: "@mikec",
|
||||
testimonial: "Incredible vibes and even better pastries.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0ae2a9",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
handle: "@emily_r",
|
||||
testimonial: "I never miss an open mic night here.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q8gfv7",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
handle: "@davidk",
|
||||
testimonial: "Perfect atmosphere for getting work done.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=69l4ul",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jane L.",
|
||||
handle: "@jane_l",
|
||||
testimonial: "Warm, welcoming, and consistently great.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=auauyi",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", handle: "@sarah_j", testimonial: "The best third space in Sarasota, hands down.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rt0cbe" },
|
||||
{ id: "2", name: "Michael C.", handle: "@mikec", testimonial: "Incredible vibes and even better pastries.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0ae2a9" },
|
||||
{ id: "3", name: "Emily R.", handle: "@emily_r", testimonial: "I never miss an open mic night here.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q8gfv7" },
|
||||
{ id: "4", name: "David K.", handle: "@davidk", testimonial: "Perfect atmosphere for getting work done.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=69l4ul" },
|
||||
{ id: "5", name: "Jane L.", handle: "@jane_l", testimonial: "Warm, welcoming, and consistently great.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=auauyi" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Community Says"
|
||||
@@ -319,12 +161,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Sarasota Local Events",
|
||||
"Artisanal Coffee Co",
|
||||
"Sarasota Daily News",
|
||||
"Cultural Arts Guild",
|
||||
"Community Spirit Awards",
|
||||
]}
|
||||
"Sarasota Local Events", "Artisanal Coffee Co", "Sarasota Daily News", "Cultural Arts Guild", "Community Spirit Awards"]}
|
||||
title="Trusted Partners & Features"
|
||||
description="We're proud to be part of the Sarasota network."
|
||||
/>
|
||||
@@ -334,21 +171,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you host events?",
|
||||
content: "Yes! We host weekly open mics and art nights.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is there free Wi-Fi?",
|
||||
content: "Absolutely, perfect for remote workers.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are you pet-friendly?",
|
||||
content: "We love welcoming four-legged guests!",
|
||||
},
|
||||
{ id: "f1", title: "Do you host events?", content: "Yes! We host weekly open mics and art nights." },
|
||||
{ id: "f2", title: "Is there free Wi-Fi?", content: "Absolutely, perfect for remote workers." },
|
||||
{ id: "f3", title: "Are you pet-friendly?", content: "We love welcoming four-legged guests!" },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -358,18 +183,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Visit Us"
|
||||
title="Ready for a Vibe Shift?"
|
||||
description="Come find your spot in our vibrant community today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Directions", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -377,29 +195,15 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Our Coffee",
|
||||
href: "#menu",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Our Coffee", href: "#menu" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "FAQs", href: "#faq" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user