Merge version_1 into main #2
264
src/app/page.tsx
264
src/app/page.tsx
@@ -30,26 +30,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Visit",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Visit", id: "contact" },
|
||||
]}
|
||||
brandName="Asteroid Vinyl Cafe"
|
||||
/>
|
||||
@@ -57,104 +42,24 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background="plain"
|
||||
background={{ variant: "plain" }}
|
||||
title="Asteroid Vinyl Cafe"
|
||||
description="Where coffee, music, art, and community collide in the heart of Inglewood."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bk7mBTJcMPKfsFHipdjzxq4EhX/uploaded-1775059898807-082yvq5d.png?_wi=1",
|
||||
imageAlt: "Cafe Exterior",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bk7mBTJcMPKfsFHipdjzxq4EhX/uploaded-1775059898808-74oien9d.png?_wi=1",
|
||||
imageAlt: "Cafe Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bk7mBTJcMPKfsFHipdjzxq4EhX/uploaded-1775059898808-ep3prjjh.png?_wi=1",
|
||||
imageAlt: "Vinyl Collection",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bk7mBTJcMPKfsFHipdjzxq4EhX/uploaded-1775059898807-082yvq5d.png?_wi=2",
|
||||
imageAlt: "Cafe Atmosphere",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bk7mBTJcMPKfsFHipdjzxq4EhX/uploaded-1775059898808-74oien9d.png?_wi=2",
|
||||
imageAlt: "Cafe Detail",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bk7mBTJcMPKfsFHipdjzxq4EhX/uploaded-1775059898807-082yvq5d.png", imageAlt: "Cafe Exterior" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bk7mBTJcMPKfsFHipdjzxq4EhX/uploaded-1775059898808-74oien9d.png", imageAlt: "Cafe Interior" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bk7mBTJcMPKfsFHipdjzxq4EhX/uploaded-1775059898808-ep3prjjh.png", imageAlt: "Vinyl Collection" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bk7mBTJcMPKfsFHipdjzxq4EhX/uploaded-1775059898807-082yvq5d.png", imageAlt: "Cafe Atmosphere" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bk7mBTJcMPKfsFHipdjzxq4EhX/uploaded-1775059898808-74oien9d.png", imageAlt: "Cafe Detail" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bk7mBTJcMPKfsFHipdjzxq4EhX/uploaded-1775059898808-ep3prjjh.png?_wi=2",
|
||||
imageAlt: "Vinyl Collection",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bk7mBTJcMPKfsFHipdjzxq4EhX/uploaded-1775059898807-082yvq5d.png?_wi=3",
|
||||
imageAlt: "Cafe Atmosphere",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bk7mBTJcMPKfsFHipdjzxq4EhX/uploaded-1775059898808-74oien9d.png?_wi=3",
|
||||
imageAlt: "Cafe Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bk7mBTJcMPKfsFHipdjzxq4EhX/uploaded-1775059898807-082yvq5d.png?_wi=4",
|
||||
imageAlt: "Cafe Exterior",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bk7mBTJcMPKfsFHipdjzxq4EhX/uploaded-1775059898808-ep3prjjh.png?_wi=3",
|
||||
imageAlt: "Vinyl Detail",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman_1303-3880.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-drinking-tea-by-christmas-tree_1303-11313.jpg",
|
||||
alt: "Michael",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-sitting-cafe-drinking-coffee-working-computer_1303-30730.jpg",
|
||||
alt: "Alex",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-reading-magazine-cafe_1150-12141.jpg",
|
||||
alt: "Taylor",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman_1303-3880.jpg",
|
||||
alt: "Jordan",
|
||||
},
|
||||
]}
|
||||
avatarText="Join our community of over 500+ local music and coffee lovers."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Roasted Coffee",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Rare Vinyl Records",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Live Acoustic Sets",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisan Pastries",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Community Events",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bk7mBTJcMPKfsFHipdjzxq4EhX/uploaded-1775059898808-ep3prjjh.png", imageAlt: "Vinyl Collection" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bk7mBTJcMPKfsFHipdjzxq4EhX/uploaded-1775059898807-082yvq5d.png", imageAlt: "Cafe Atmosphere" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bk7mBTJcMPKfsFHipdjzxq4EhX/uploaded-1775059898808-74oien9d.png", imageAlt: "Cafe Interior" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bk7mBTJcMPKfsFHipdjzxq4EhX/uploaded-1775059898807-082yvq5d.png", imageAlt: "Cafe Exterior" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bk7mBTJcMPKfsFHipdjzxq4EhX/uploaded-1775059898808-ep3prjjh.png", imageAlt: "Vinyl Detail" },
|
||||
]}
|
||||
buttons={[{ text: "View Menu", href: "#menu" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -163,7 +68,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="More Than Just A Cafe"
|
||||
description="We are a local small business dedicated to the art of vinyl and the craft of coffee. From rare record finds to delicious house-special lattes, we aim to provide an inviting, cozy space for our community in Inglewood."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bk7mBTJcMPKfsFHipdjzxq4EhX/uploaded-1775059898808-74oien9d.png?_wi=4"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bk7mBTJcMPKfsFHipdjzxq4EhX/uploaded-1775059898808-74oien9d.png"
|
||||
imageAlt="Cafe Interior"
|
||||
/>
|
||||
</div>
|
||||
@@ -175,41 +80,11 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Cafe de Olla",
|
||||
price: "$6.50",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bk7mBTJcMPKfsFHipdjzxq4EhX/uploaded-1775059898808-l6dcwpyu.jpg?_wi=1",
|
||||
imageAlt: "Cafe de Olla",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Galaxy Latte",
|
||||
price: "$6.50",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bk7mBTJcMPKfsFHipdjzxq4EhX/uploaded-1775059898808-l6dcwpyu.jpg?_wi=2",
|
||||
imageAlt: "Galaxy Latte",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "House Special",
|
||||
price: "$6.50",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bk7mBTJcMPKfsFHipdjzxq4EhX/uploaded-1775059898808-l6dcwpyu.jpg?_wi=3",
|
||||
imageAlt: "House Special",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Espresso Tonic",
|
||||
price: "$7.00",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bk7mBTJcMPKfsFHipdjzxq4EhX/uploaded-1775059898808-l6dcwpyu.jpg?_wi=4",
|
||||
imageAlt: "Espresso Tonic",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Cold Brew",
|
||||
price: "$5.50",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bk7mBTJcMPKfsFHipdjzxq4EhX/uploaded-1775059898808-l6dcwpyu.jpg?_wi=5",
|
||||
imageAlt: "Cold Brew",
|
||||
},
|
||||
{ id: "1", name: "Cafe de Olla", price: "$6.50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bk7mBTJcMPKfsFHipdjzxq4EhX/uploaded-1775059898808-l6dcwpyu.jpg", imageAlt: "Cafe de Olla" },
|
||||
{ id: "2", name: "Galaxy Latte", price: "$6.50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bk7mBTJcMPKfsFHipdjzxq4EhX/uploaded-1775059898808-l6dcwpyu.jpg", imageAlt: "Galaxy Latte" },
|
||||
{ id: "3", name: "House Special", price: "$6.50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bk7mBTJcMPKfsFHipdjzxq4EhX/uploaded-1775059898808-l6dcwpyu.jpg", imageAlt: "House Special" },
|
||||
{ id: "4", name: "Espresso Tonic", price: "$7.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bk7mBTJcMPKfsFHipdjzxq4EhX/uploaded-1775059898808-l6dcwpyu.jpg", imageAlt: "Espresso Tonic" },
|
||||
{ id: "5", name: "Cold Brew", price: "$5.50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bk7mBTJcMPKfsFHipdjzxq4EhX/uploaded-1775059898808-l6dcwpyu.jpg", imageAlt: "Cold Brew" },
|
||||
]}
|
||||
title="Menu Highlights"
|
||||
description="Our curated selection of classics and house specials."
|
||||
@@ -220,47 +95,13 @@ export default function LandingPage() {
|
||||
<TestimonialCardThirteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Such a cool coffee spot in Inglewood. The vibes are great and the baristas were welcoming!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman_1303-3880.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
handle: "@mikesrecords",
|
||||
testimonial: "It combines two of my favorite things: coffee and vinyl. Cozy, inviting, and great coffee.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-tea-by-christmas-tree_1303-11313.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Alex R.",
|
||||
handle: "@alexlatte",
|
||||
testimonial: "Found one of my favorite books and records. The atmosphere is just so perfect. 10/10.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-cafe-drinking-coffee-working-computer_1303-30730.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Taylor M.",
|
||||
handle: "@taylor_cafe",
|
||||
testimonial: "Originally went for the cafe de olla, but the house special is amazing! Will definitely be back.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-reading-magazine-cafe_1150-12141.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jordan P.",
|
||||
handle: "@jordan_vinyl",
|
||||
testimonial: "Great curation, even better staff. This is the heart of the neighborhood.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman_1303-3880.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "Such a cool coffee spot in Inglewood.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-woman_1303-3880.jpg" },
|
||||
{ id: "2", name: "Michael C.", handle: "@mikesrecords", testimonial: "It combines coffee and vinyl.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-tea-by-christmas-tree_1303-11313.jpg" },
|
||||
{ id: "3", name: "Alex R.", handle: "@alexlatte", testimonial: "Perfect atmosphere.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-cafe-drinking-coffee-working-computer_1303-30730.jpg" },
|
||||
{ id: "4", name: "Taylor M.", handle: "@taylor_cafe", testimonial: "Amazing house special.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-reading-magazine-cafe_1150-12141.jpg" },
|
||||
{ id: "5", name: "Jordan P.", handle: "@jordan_vinyl", testimonial: "Heart of the neighborhood.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-woman_1303-3880.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Community Love"
|
||||
@@ -273,28 +114,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Are dogs allowed?",
|
||||
content: "Yes! We welcome well-behaved dogs inside and outside.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer delivery?",
|
||||
content: "We currently do not offer delivery, but we'd love to see you in person!",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is there parking?",
|
||||
content: "Yes, we offer both free parking lot access and free street parking.",
|
||||
},
|
||||
{ id: "1", title: "Are dogs allowed?", content: "Yes! We welcome well-behaved dogs inside and outside." },
|
||||
{ id: "2", title: "Do you offer delivery?", content: "We currently do not offer delivery." },
|
||||
{ id: "3", title: "Is there parking?", content: "Yes, we offer both free parking lot access and free street parking." },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bk7mBTJcMPKfsFHipdjzxq4EhX/uploaded-1775059898808-ep3prjjh.png?_wi=4"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bk7mBTJcMPKfsFHipdjzxq4EhX/uploaded-1775059898808-ep3prjjh.png"
|
||||
imageAlt="Cafe Amenities"
|
||||
mediaAnimation="slide-up"
|
||||
title="Cafe Policies & Info"
|
||||
description="Here's what you need to know about our cafe rules and amenities."
|
||||
faqsAnimation="slide-up"
|
||||
title="Cafe Policies & Info"
|
||||
description="Here's what you need to know."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -302,19 +131,10 @@ export default function LandingPage() {
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "hrs-1",
|
||||
title: "Operating Hours",
|
||||
content: "Sun-Fri: 8am-4pm, Sat: 8am-6pm",
|
||||
},
|
||||
]}
|
||||
faqs={[{ id: "hrs-1", title: "Operating Hours", content: "Sun-Fri: 8am-4pm, Sat: 8am-6pm" }]}
|
||||
ctaTitle="Visit Us Today"
|
||||
ctaDescription="Located at 1101 S. La Brea Ave, Inglewood. Swing by for a cortado and a browse through our vinyl bins."
|
||||
ctaButton={{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
}}
|
||||
ctaDescription="Located at 1101 S. La Brea Ave, Inglewood."
|
||||
ctaButton={{ text: "Get Directions", href: "#" }}
|
||||
ctaIcon={MapPin}
|
||||
/>
|
||||
</div>
|
||||
@@ -323,13 +143,7 @@ export default function LandingPage() {
|
||||
<FooterCard
|
||||
logoText="Asteroid Vinyl Cafe"
|
||||
copyrightText="© 2025 Asteroid Vinyl Cafe"
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com/asteroidvinylcafe",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
]}
|
||||
socialLinks={[{ icon: Instagram, href: "https://instagram.com/asteroidvinylcafe", ariaLabel: "Instagram" }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user