Merge version_1 into main #1
334
src/app/page.tsx
334
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Asterix Cervejaria"
|
||||
/>
|
||||
@@ -56,94 +44,30 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Crafted Perfection at Av. Paulista"
|
||||
description="Experience the best of craft brewing in the heart of São Paulo. Asterix Cervejaria brings you a refined selection of premium beers."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Carlos M.",
|
||||
handle: "@carlos",
|
||||
testimonial: "Best beer on Paulista! Amazing selection and cozy vibe.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-confident-man-winking-camera-smiling-sassy-standing-orange-sweater-against-blue-backg_1258-149891.jpg",
|
||||
},
|
||||
{
|
||||
name: "Ana S.",
|
||||
handle: "@anas",
|
||||
testimonial: "The atmosphere is incredible, love coming here after work.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/satisfied-happy-female-customer-making-like-gesture_74855-3668.jpg",
|
||||
},
|
||||
{
|
||||
name: "Ricardo P.",
|
||||
handle: "@ricardo",
|
||||
testimonial: "Always fresh, always great service. My favorite spot.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indian-man-smiling-cheerful-expression-closeup-portrait_53876-129387.jpg",
|
||||
},
|
||||
{
|
||||
name: "Fernanda L.",
|
||||
handle: "@fernanda",
|
||||
testimonial: "Unbeatable location, high quality craft beer, loved it.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indian-bearded-tattooed-hipster-male-manufacturer-tasting-craft-beer-microbrewery_613910-3444.jpg",
|
||||
},
|
||||
{
|
||||
name: "Bruno R.",
|
||||
handle: "@bruno",
|
||||
testimonial: "Asterix is a landmark for beer lovers. Truly exceptional.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-sits-cafe-with-his-dog-petting-golden-retriever-reading-news_1258-314073.jpg",
|
||||
},
|
||||
{ name: "Carlos M.", handle: "@carlos", testimonial: "Best beer on Paulista! Amazing selection and cozy vibe.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-confident-man-winking-camera-smiling-sassy-standing-orange-sweater-against-blue-backg_1258-149891.jpg" },
|
||||
{ name: "Ana S.", handle: "@anas", testimonial: "The atmosphere is incredible, love coming here after work.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/satisfied-happy-female-customer-making-like-gesture_74855-3668.jpg" },
|
||||
{ name: "Ricardo P.", handle: "@ricardo", testimonial: "Always fresh, always great service. My favorite spot.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/indian-man-smiling-cheerful-expression-closeup-portrait_53876-129387.jpg" },
|
||||
{ name: "Fernanda L.", handle: "@fernanda", testimonial: "Unbeatable location, high quality craft beer, loved it.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/indian-bearded-tattooed-hipster-male-manufacturer-tasting-craft-beer-microbrewery_613910-3444.jpg" },
|
||||
{ name: "Bruno R.", handle: "@bruno", testimonial: "Asterix is a landmark for beer lovers. Truly exceptional.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-sits-cafe-with-his-dog-petting-golden-retriever-reading-news_1258-314073.jpg" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/indian-bearded-tattooed-hipster-male-manufacturer-presenting-craft-beer-microbrewery_613910-2204.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-excited-person-portrait_23-2151186626.jpg",
|
||||
alt: "Happy brewery guest",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-smiley-man_23-2149022665.jpg",
|
||||
alt: "Smiling craft beer fan",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-smiley-man_23-2149022666.jpg",
|
||||
alt: "Cheerful local patron",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-smiley-man_23-2149022615.jpg",
|
||||
alt: "Satisfied regular visitor",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-man-smiling_158595-2427.jpg",
|
||||
alt: "Happy brewery enthusiast",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-excited-person-portrait_23-2151186626.jpg", alt: "Happy brewery guest" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-smiley-man_23-2149022665.jpg", alt: "Smiling craft beer fan" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-smiley-man_23-2149022666.jpg", alt: "Cheerful local patron" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-smiley-man_23-2149022615.jpg", alt: "Satisfied regular visitor" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-man-smiling_158595-2427.jpg", alt: "Happy brewery enthusiast" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Sourced",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Artisanal",
|
||||
icon: Droplets,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fresh Daily",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Premium",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable",
|
||||
},
|
||||
{ type: "text", text: "Locally Sourced" },
|
||||
{ type: "text-icon", text: "Artisanal", icon: Droplets },
|
||||
{ type: "text", text: "Fresh Daily" },
|
||||
{ type: "text-icon", text: "Premium", icon: Award },
|
||||
{ type: "text", text: "Sustainable" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -152,15 +76,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Tradition Meets Modern Craft",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/two-bearded-hipster-males-apron-working-brewery-factory_613910-20662.jpg",
|
||||
alt: "Brewery process",
|
||||
},
|
||||
{ type: "text", content: "Tradition Meets Modern Craft" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/two-bearded-hipster-males-apron-working-brewery-factory_613910-20662.jpg", alt: "Brewery process" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -170,21 +87,8 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Limited seating",
|
||||
"Peak hours busy",
|
||||
"No reservations",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Fresh craft beer",
|
||||
"Central location",
|
||||
"Expert brewers",
|
||||
"Live atmosphere",
|
||||
],
|
||||
}}
|
||||
negativeCard={{ items: ["Limited seating", "Peak hours busy", "No reservations"] }}
|
||||
positiveCard={{ items: ["Fresh craft beer", "Central location", "Expert brewers", "Live atmosphere"] }}
|
||||
title="Why Choose Asterix?"
|
||||
description="We blend traditional brewing techniques with locally sourced ingredients for an unparalleled taste experience."
|
||||
/>
|
||||
@@ -193,63 +97,16 @@ export default function LandingPage() {
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
textboxLayout="split"
|
||||
animationType="slide-up"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Asterix",
|
||||
name: "Paulista IPA",
|
||||
price: "$18",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-glasses-beer-marble-table-high-quality-photo_114579-67302.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Asterix",
|
||||
name: "Midnight Stout",
|
||||
price: "$20",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-drinking-craft-beer_52683-124522.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Asterix",
|
||||
name: "Golden Lager",
|
||||
price: "$15",
|
||||
rating: 4,
|
||||
reviewCount: "200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pints-draught-beer-macro-photography_53876-32254.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Asterix",
|
||||
name: "Classic Pilsner",
|
||||
price: "$14",
|
||||
rating: 4,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-glass-with-beer-table_23-2148342192.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Asterix",
|
||||
name: "Amber Ale",
|
||||
price: "$17",
|
||||
rating: 5,
|
||||
reviewCount: "90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mixed-beer-various-type-ofglasses-set_53876-96735.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Asterix",
|
||||
name: "Wheat Craft",
|
||||
price: "$16",
|
||||
rating: 4,
|
||||
reviewCount: "110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beer-glass-with-wheat-ears-chips-side-view-wooden-table_176474-5877.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Asterix", name: "Paulista IPA", price: "$18", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/two-glasses-beer-marble-table-high-quality-photo_114579-67302.jpg" },
|
||||
{ id: "p2", brand: "Asterix", name: "Midnight Stout", price: "$20", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/people-drinking-craft-beer_52683-124522.jpg" },
|
||||
{ id: "p3", brand: "Asterix", name: "Golden Lager", price: "$15", rating: 4, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/pints-draught-beer-macro-photography_53876-32254.jpg" },
|
||||
{ id: "p4", brand: "Asterix", name: "Classic Pilsner", price: "$14", rating: 4, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/side-view-glass-with-beer-table_23-2148342192.jpg" },
|
||||
{ id: "p5", brand: "Asterix", name: "Amber Ale", price: "$17", rating: 5, reviewCount: "90", imageSrc: "http://img.b2bpic.net/free-photo/mixed-beer-various-type-ofglasses-set_53876-96735.jpg" },
|
||||
{ id: "p6", brand: "Asterix", name: "Wheat Craft", price: "$16", rating: 4, reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/beer-glass-with-wheat-ears-chips-side-view-wooden-table_176474-5877.jpg" },
|
||||
]}
|
||||
title="Our Signature Brews"
|
||||
description="Discover our carefully curated menu of craft beers, from hoppy IPAs to smooth stouts."
|
||||
@@ -262,27 +119,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "20+",
|
||||
title: "Unique Brews",
|
||||
description: "Crafted over years.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-beer-brewing-elements_23-2150321498.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10k+",
|
||||
title: "Happy Guests",
|
||||
description: "Served this year.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/celebration-oktoberfest-with-lots-beer_23-2151646780.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "12",
|
||||
title: "Craft Tanks",
|
||||
description: "For daily aging.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-winery-with-big-steel-barrels_657883-413.jpg",
|
||||
},
|
||||
{ id: "m1", value: "20+", title: "Unique Brews", description: "Crafted over years.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-beer-brewing-elements_23-2150321498.jpg" },
|
||||
{ id: "m2", value: "10k+", title: "Happy Guests", description: "Served this year.", imageSrc: "http://img.b2bpic.net/free-photo/celebration-oktoberfest-with-lots-beer_23-2151646780.jpg" },
|
||||
{ id: "m3", value: "12", title: "Craft Tanks", description: "For daily aging.", imageSrc: "http://img.b2bpic.net/free-photo/modern-winery-with-big-steel-barrels_657883-413.jpg" },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Our passion drives real numbers in the local scene."
|
||||
@@ -296,46 +135,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Carlos M.",
|
||||
role: "Fan",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-friends-toasting-glasses-alcoholic-drinks-bar_23-2147919278.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Ana S.",
|
||||
role: "Fan",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-brewer-holding-beer-glass-with-foam_651396-1309.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Ricardo P.",
|
||||
role: "Fan",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-female-friends-cafe_23-2148721131.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Fernanda L.",
|
||||
role: "Fan",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beer-glass-bar_23-2148111117.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Bruno R.",
|
||||
role: "Fan",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-red-haired-lady-with-black-bandage-neck-green-dress-straw-hat-sneakers-blowing-kiss-sitting-terrace-cafe_197531-24707.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Carlos M.", role: "Fan", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-friends-toasting-glasses-alcoholic-drinks-bar_23-2147919278.jpg" },
|
||||
{ id: "t2", name: "Ana S.", role: "Fan", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-brewer-holding-beer-glass-with-foam_651396-1309.jpg" },
|
||||
{ id: "t3", name: "Ricardo P.", role: "Fan", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-female-friends-cafe_23-2148721131.jpg" },
|
||||
{ id: "t4", name: "Fernanda L.", role: "Fan", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beer-glass-bar_23-2148111117.jpg" },
|
||||
{ id: "t5", name: "Bruno R.", role: "Fan", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/funny-red-haired-lady-with-black-bandage-neck-green-dress-straw-hat-sneakers-blowing-kiss-sitting-terrace-cafe_197531-24707.jpg" },
|
||||
]}
|
||||
title="Guest Stories"
|
||||
description="Hear what our regulars have to say about Asterix."
|
||||
@@ -347,21 +151,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are reservations required?",
|
||||
content: "We work with walk-ins to keep the spirit authentic.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer food?",
|
||||
content: "Yes, we serve local snack pairings.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Where are you located?",
|
||||
content: "Av. Paulista, 807 - Bela Vista, SP.",
|
||||
},
|
||||
{ id: "f1", title: "Are reservations required?", content: "We work with walk-ins to keep the spirit authentic." },
|
||||
{ id: "f2", title: "Do you offer food?", content: "Yes, we serve local snack pairings." },
|
||||
{ id: "f3", title: "Where are you located?", content: "Av. Paulista, 807 - Bela Vista, SP." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-beer-with-chalkboard_23-2148306050.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -374,9 +166,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Updates"
|
||||
title="Join Our Mailing List"
|
||||
description="Stay updated on events, new brews, and specials."
|
||||
@@ -389,41 +179,9 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Asterix Cervejaria"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
{
|
||||
label: "Av. Paulista, 807",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Explore", items: [{ label: "Menu", href: "#products" }, { label: "About Us", href: "#about" }] },
|
||||
{ title: "Connect", items: [{ label: "Instagram", href: "#" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Location", items: [{ label: "Av. Paulista, 807", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user