Update src/app/page.tsx
This commit is contained in:
322
src/app/page.tsx
322
src/app/page.tsx
@@ -32,87 +32,31 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Our Coffee",
|
||||
id: "about",
|
||||
},
|
||||
name: "Our Art", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Inquiries", id: "contact"},
|
||||
]}
|
||||
brandName="Starbucks"
|
||||
brandName="AnimeArt"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Elevate Your Daily Ritual"
|
||||
description="Discover the art of the perfect brew. From sustainably sourced beans to our hand-crafted signature drinks, every cup tells a story of passion and quality."
|
||||
variant: "gradient-bars"}}
|
||||
title="Bring Your Favorite Anime to Life"
|
||||
description="Discover exclusive prints and commissioned art. From classic series to modern masterpieces, we celebrate the world of anime with high-quality collectibles."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Menu",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Browse Shop", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/one-take-away-cardboard-paper-cup-closed-with-caps-isolated-black-mirrored-retail-presentation_346278-805.jpg"
|
||||
imageAlt="starbucks cup coffee steam"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/anime-style-art-concept-illustration_181624-58257.jpg"
|
||||
imageAlt="anime art display"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/espresso-coffee-with-fragrant-foam-cup-black-background-coffee-beans-background_166373-1992.jpg",
|
||||
alt: "Espresso coffee with fragrant foam",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-coffee-cup-with-milk-spices_23-2148349638.jpg",
|
||||
alt: "Close-up coffee cup with milk",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/coffee_1388-621.jpg",
|
||||
alt: "Coffee",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/paper-cups-computer-mouse-paper-sticker-dark-background-top-view_169016-34011.jpg",
|
||||
alt: "Paper cups top view",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/outside-portrait-charming-pretty-woman-with-dark-hair-wearing-white-knitted-sweater-drinking-coffee-lights-background_291650-865.jpg",
|
||||
alt: "Woman drinking coffee",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 1M+ daily coffee lovers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Sourcing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Master Roasters",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ethical Partnerships",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Quality",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisan Crafted",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -120,24 +64,18 @@ export default function LandingPage() {
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Crafted With Care"
|
||||
description="We believe in transparency, sustainability, and the incredible journey from farm to cup. Our master roasters ensure the perfect roast for every single origin."
|
||||
title="Celebrating Anime Artistry"
|
||||
description="Our studio is dedicated to curating and creating unique anime-inspired artwork that resonates with fans worldwide. We prioritize artistic integrity and quality materials."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Ethical Sourcing",
|
||||
description: "We partner with farmers to ensure fair trade and sustainable practices.",
|
||||
},
|
||||
title: "Exclusive Prints", description: "Hand-picked designs you won't find anywhere else."},
|
||||
{
|
||||
title: "Expert Roasting",
|
||||
description: "Our roasters bring out the unique flavor profiles of every bean.",
|
||||
},
|
||||
title: "Fan-Centric Design", description: "Crafted by artists who love the genre just as much as you do."},
|
||||
{
|
||||
title: "Handcrafted Quality",
|
||||
description: "Each drink is carefully prepared by our expert baristas.",
|
||||
},
|
||||
title: "Premium Materials", description: "Museum-grade paper and vibrant inks for lasting prints."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-nuts-pan_23-2148436619.jpg"
|
||||
imageAlt="coffee beans pour"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/artist-studio-concept-illustration_23-2148154764.jpg"
|
||||
imageAlt="artist at work"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -150,29 +88,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Signature Roasts",
|
||||
description: "Rich, bold, and expertly balanced.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-beans-container_23-2148523093.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/closeup-roasted-coffee-beans-old-coffee-grinder-against-black-backgrou_181624-58257.jpg",
|
||||
buttonText: "Discover",
|
||||
},
|
||||
title: "Limited Drops", description: "Unique pieces released in small batches.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-art-style_23-2148523093.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/anime-art-detail_181624-58257.jpg", buttonText: "Shop Now"},
|
||||
{
|
||||
title: "Artisan Brewing",
|
||||
description: "Every pour, a work of art.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-mocha-coffee_1339-2388.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/copy-smell-romantic-espresso-nice_1232-3947.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Fan Art Community", description: "A space for true anime enthusiasts.", imageSrc: "http://img.b2bpic.net/free-photo/community-art-style_1339-2388.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/anime-art-detail_1232-3947.jpg", buttonText: "Join In"},
|
||||
{
|
||||
title: "Refreshment Redefined",
|
||||
description: "Experience our unique cold infusions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-trendy-delicious-fresh-dalgona-coffee-with-milk-white-wood-table_181624-18458.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-glass_23-2148251672.jpg",
|
||||
buttonText: "Explore",
|
||||
},
|
||||
title: "Global Shipping", description: "We ship our art to fans around the world.", imageSrc: "http://img.b2bpic.net/free-photo/worldwide-delivery-concept_181624-18458.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/anime-art-detail_23-2148251672.jpg", buttonText: "View Details"},
|
||||
]}
|
||||
title="The Starbucks Difference"
|
||||
description="Innovation meets tradition. Experience the difference that premium quality and artisanal craft make in every sip."
|
||||
title="Why Collectors Choose Us"
|
||||
description="We combine authentic anime aesthetics with high-end print technology for a premium art experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -184,44 +107,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Caramel Macchiato",
|
||||
price: "$5.95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/apple-cocktail-with-flowers-hand_140725-407.jpg",
|
||||
},
|
||||
id: "p1", name: "Cyberpunk Samurai Print", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/anime-art-cyberpunk_140725-407.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Mocha Frappe",
|
||||
price: "$6.45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/iced-chocolate_1339-4420.jpg",
|
||||
},
|
||||
id: "p2", name: "Magical Girl Poster", price: "$35.00", imageSrc: "http://img.b2bpic.net/free-photo/anime-art-magic_1339-4420.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Pour Over Reserve",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-potter-making-bowl-pottery-workshop_23-2148154764.jpg",
|
||||
},
|
||||
id: "p3", name: "Mecha Battle Canvas", price: "$85.00", imageSrc: "http://img.b2bpic.net/free-photo/anime-art-mecha_23-2148154764.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Matcha Latte",
|
||||
price: "$5.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-tea-iced-tall-glass-with-cream-topped-with-iced-green-tea-decorated-with-green-tea-powder_1150-22922.jpg",
|
||||
},
|
||||
id: "p4", name: "Shonen Hero Sticker Pack", price: "$15.00", imageSrc: "http://img.b2bpic.net/free-photo/anime-art-stickers_1150-22922.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Sweet Cream Cold Brew",
|
||||
price: "$4.95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caramel-macchiato-table_140725-7660.jpg",
|
||||
},
|
||||
id: "p5", name: "Fantasy Realm Map", price: "$55.00", imageSrc: "http://img.b2bpic.net/free-photo/anime-art-map_140725-7660.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Single Espresso",
|
||||
price: "$3.25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-classic-fresh-espresso-served-dark-surface_1220-5375.jpg",
|
||||
},
|
||||
id: "p6", name: "Dark Fantasy Portrait", price: "$60.00", imageSrc: "http://img.b2bpic.net/free-photo/anime-art-dark_1220-5375.jpg"},
|
||||
]}
|
||||
title="Signature Collection"
|
||||
description="Explore our curated selection of signature beverages and handcrafted treats."
|
||||
title="Featured Artwork"
|
||||
description="Explore our curated selection of high-quality prints, posters, and canvases."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -232,62 +131,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Creative Lead",
|
||||
company: "Design Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-smiling-woman-drinking-coffee-cafe-portrait-mature-woman-cafeteria-drinking-hot-cappuccino-looking-camera-pretty-woman-with-cup-coffee_231208-13529.jpg",
|
||||
},
|
||||
id: "t1", name: "Hikari S.", role: "Anime Enthusiast", company: "Collector", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-customer-anime_231208-13529.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Elena M.",
|
||||
role: "Architect",
|
||||
company: "Urban Build",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg",
|
||||
},
|
||||
id: "t2", name: "Kai L.", role: "Artist", company: "Creator", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-anime-fan_343059-3781.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Marcus D.",
|
||||
role: "Consultant",
|
||||
company: "Tech Partners",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/relaxed-people-communicating-drinking-coffee-milkshake-cafe_23-2148219053.jpg",
|
||||
},
|
||||
id: "t3", name: "Ren A.", role: "Fan", company: "Community", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-anime-fans_23-2148219053.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Lisa K.",
|
||||
role: "Student",
|
||||
company: "University",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-white-cup-latte-art-coffee-window-shelf-cafe_181624-1600.jpg",
|
||||
},
|
||||
id: "t4", name: "Mina Y.", role: "Illustrator", company: "Pro", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/art-student-anime_181624-1600.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David W.",
|
||||
role: "Writer",
|
||||
company: "Freelance",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-lovers-with-hot-drinks_23-2148735592.jpg",
|
||||
},
|
||||
id: "t5", name: "Takeshi H.", role: "Collector", company: "Patron", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-collector_23-2148735592.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "1M+",
|
||||
label: "Cups Served",
|
||||
},
|
||||
value: "5K+", label: "Prints Sold"},
|
||||
{
|
||||
value: "4.8/5",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
value: "4.9/5", label: "User Rating"},
|
||||
{
|
||||
value: "50+",
|
||||
label: "Locations",
|
||||
},
|
||||
value: "200+", label: "Artist Collabs"},
|
||||
]}
|
||||
title="A Community of Coffee Lovers"
|
||||
description="Hear what our regulars say about their daily Starbucks experience."
|
||||
title="What Our Fans Say"
|
||||
description="Join a growing community of anime lovers who appreciate quality art."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -298,29 +166,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Ethically Sourced",
|
||||
description: "Our commitment to sustainable farming and fair trade.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-is-working-with-his-computer-coffee-shop_1150-6306.jpg",
|
||||
},
|
||||
id: "m1", value: "100%", title: "Authentic Designs", description: "Original art pieces inspired by our favorite shows.", imageSrc: "http://img.b2bpic.net/free-photo/artist-working_1150-6306.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
title: "Fresh Roasts",
|
||||
description: "Every bean roasted with precision and care.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-used-process-coffee-making_23-2150187563.jpg",
|
||||
},
|
||||
id: "m2", value: "99.9%", title: "Quality Assurance", description: "Strict checks for every single print shipment.", imageSrc: "http://img.b2bpic.net/free-photo/quality-check_23-2150187563.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Service Excellence",
|
||||
description: "Committed to quality service for our coffee community.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-cups-tray_23-2148892817.jpg",
|
||||
},
|
||||
id: "m3", value: "24/7", title: "Collector Support", description: "Dedicated help for your art inquiries.", imageSrc: "http://img.b2bpic.net/free-photo/support-team_23-2148892817.jpg"},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Our passion for coffee translates into global impact and consistent quality."
|
||||
title="The Artistry by Numbers"
|
||||
description="Our passion for anime and high-quality production speaks for itself."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -330,23 +183,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Where are our beans from?",
|
||||
content: "We source the finest arabica beans from regions all over the world.",
|
||||
},
|
||||
id: "f1", title: "Can I request a custom commission?", content: "Yes, contact us via the form below for details and quotes."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How do we roast our coffee?",
|
||||
content: "Our roast masters use proprietary techniques for consistent quality.",
|
||||
},
|
||||
id: "f2", title: "How do you package your prints?", content: "We use rigid, moisture-resistant mailers to ensure your art arrives safely."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer vegan options?",
|
||||
content: "Yes, we have a variety of plant-based milk alternatives for every drink.",
|
||||
},
|
||||
id: "f3", title: "Do you ship internationally?", content: "Yes, we ship to most countries globally using tracked services."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Got questions about your coffee? We have the answers."
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our shop and commissions."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -355,14 +199,13 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Newsletter"
|
||||
title="Join the Club"
|
||||
description="Sign up for exclusive offers and news from your local store."
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Inquiries"
|
||||
title="Shop Inquiries & Commissions"
|
||||
description="Looking for a specific print or want to commission a custom piece? Reach out to our team."
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/loving-coffee-cup-fresh-cappuccino-with-heart-sign_501050-140.jpg"
|
||||
imageAlt="Loving coffee"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/contact-us-anime_501050-140.jpg"
|
||||
imageAlt="contact support"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -370,50 +213,39 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "AnimeArt Shop", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "New Arrivals", href: "#products"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Commissions", href: "#contact"},
|
||||
{
|
||||
label: "My Cart", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Reserve",
|
||||
href: "#",
|
||||
},
|
||||
label: "Artists", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Help & Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping", href: "#"},
|
||||
{
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Starbucks Coffee Shop"
|
||||
bottomLeftText="© 2024 AnimeArt Shop"
|
||||
bottomRightText="All Rights Reserved"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user