Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
2026-04-26 03:10:04 +00:00

View File

@@ -29,353 +29,138 @@ export default function LandingPage() {
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Shops",
id: "shops",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Samoa Coffee Work"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Shops", id: "shops" },
{ name: "Contact", id: "contact" },
]}
brandName="Samoa Coffee Work"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "plain",
}}
title="Deep Work in Paradise"
description="Discover the most quiet, reliable, and inspiring coffee shops across Tualauta and Iliili Asuemu for your productive sessions."
tag="Coffee & Focus"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-cookies_23-2148571119.jpg",
imageAlt: "cozy coffee shop interior warm lighting",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/black-wedding-background-restaurant-tableware_1203-3980.jpg",
imageAlt: "bright cafe workspace window view",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-desk-arrangement-with-laptop_23-2149161004.jpg",
imageAlt: "High angle desk arrangement with laptop",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/baked-food-chocolate-waffle-mobile-phone-with-coffee-screen-laptop-spiral-notepad-white-desk_23-2148061438.jpg",
imageAlt: "Baked food; chocolate waffle; mobile phone with coffee screen; laptop and spiral notepad on white desk",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-desk-arrangement-with-coffee-cup_23-2149073078.jpg",
imageAlt: "High angle desk arrangement with coffee cup",
},
]}
mediaAnimation="slide-up"
rating={5}
ratingText="Trusted by 500+ remote workers"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{ variant: "plain" }}
title="Deep Work in Paradise"
description="Discover the most quiet, reliable, and inspiring coffee shops across Tualauta and Iliili Asuemu for your productive sessions."
tag="Coffee & Focus"
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-cookies_23-2148571119.jpg", imageAlt: "cozy coffee shop interior warm lighting" },
{ imageSrc: "http://img.b2bpic.net/free-photo/black-wedding-background-restaurant-tableware_1203-3980.jpg", imageAlt: "bright cafe workspace window view" }
]}
mediaAnimation="slide-up"
rating={5}
ratingText="Trusted by 500+ remote workers"
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={false}
title="Quality Workspace Metrics"
metrics={[
{
icon: Wifi,
label: "Reliable Wi-Fi",
value: "100%",
},
{
icon: Coffee,
label: "Local Beans",
value: "20+",
},
{
icon: Users,
label: "Quiet Zones",
value: "15",
},
]}
metricsAnimation="blur-reveal"
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={false}
title="Quality Workspace Metrics"
metrics={[
{ icon: Wifi, label: "Reliable Wi-Fi", value: "100%" },
{ icon: Coffee, label: "Local Beans", value: "20+" },
{ icon: Users, label: "Quiet Zones", value: "15" }
]}
metricsAnimation="blur-reveal"
/>
</div>
<div id="shops" data-section="shops">
<ProductCardTwo
animationType="slide-up"
textboxLayout="split-description"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "s1",
brand: "Tualauta",
name: "Island Brew Studio",
price: "$$$",
rating: 5,
reviewCount: "120 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/table-ready-lunch_1162-65.jpg",
},
{
id: "s2",
brand: "Leasina",
name: "Quiet Haven Cafe",
price: "$$",
rating: 4,
reviewCount: "85 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/professional-artisan-job-workshop_23-2148801581.jpg",
},
{
id: "s3",
brand: "Iliili",
name: "Zen Bean Workspace",
price: "$$",
rating: 5,
reviewCount: "95 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/photo-concentrated-readhead-bearded-businessman-reading-contract-sitting-cafeteria_171337-9893.jpg",
},
{
id: "s4",
brand: "Tualauta",
name: "Focus Corner Coffee",
price: "$$",
rating: 4,
reviewCount: "60 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/beach-table-nobody-water-sky_1203-4482.jpg",
},
{
id: "s5",
brand: "Leasina",
name: "Island Productivity Lab",
price: "$$$",
rating: 5,
reviewCount: "110 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/different-office-stationery-arranged-white-table-co-working-office_285396-1793.jpg",
},
{
id: "s6",
brand: "Iliili",
name: "The Deep Brew Lounge",
price: "$",
rating: 4,
reviewCount: "45 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/bangkok-thailand-november-11-2024-colorful-shrine-thailand-features-golden-statue_482257-124644.jpg",
},
]}
title="Top Recommended Spots"
description="Curated selection of coffee shops in Iliili Asuemu and surroundings optimized for deep work."
/>
</div>
<div id="shops" data-section="shops">
<ProductCardTwo
animationType="slide-up"
textboxLayout="split-description"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{ id: "s1", brand: "Tualauta", name: "Island Brew Studio", price: "$$$", rating: 5, reviewCount: "120 reviews", imageSrc: "http://img.b2bpic.net/free-photo/table-ready-lunch_1162-65.jpg" },
{ id: "s2", brand: "Leasina", name: "Quiet Haven Cafe", price: "$$", rating: 4, reviewCount: "85 reviews", imageSrc: "http://img.b2bpic.net/free-photo/professional-artisan-job-workshop_23-2148801581.jpg" },
{ id: "s3", brand: "Iliili", name: "Zen Bean Workspace", price: "$$", rating: 5, reviewCount: "95 reviews", imageSrc: "http://img.b2bpic.net/free-photo/photo-concentrated-readhead-bearded-businessman-reading-contract-sitting-cafeteria_171337-9893.jpg" }
]}
title="Top Recommended Spots"
description="Curated selection of coffee shops in Iliili Asuemu and surroundings optimized for deep work."
/>
</div>
<div id="features" data-section="features">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Ultra-Fast Wi-Fi",
description: "High-speed connection guaranteed for all your video calls.",
imageSrc: "http://img.b2bpic.net/free-photo/cocktail-wooden-table-restaurant_23-2147936121.jpg",
imageAlt: "modern coffee shop interior",
},
{
title: "Ergonomic Comfort",
description: "Tables and chairs designed for long-term comfort.",
imageSrc: "http://img.b2bpic.net/free-photo/hands-african-american-woman-yellow-dreess-with-cup-cappuccino_627829-12947.jpg",
imageAlt: "bright cafe workspace window view",
},
{
title: "Quiet Atmosphere",
description: "Music and noise levels strictly maintained for focus.",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-empty-chairs-street-outdoors-restaurant_181624-58741.jpg",
imageAlt: "local artisan cafe interior design",
},
]}
title="Why Work Here?"
description="We evaluate based on essential criteria for professionals looking for concentration and comfort."
/>
</div>
<div id="features" data-section="features">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ title: "Ultra-Fast Wi-Fi", description: "High-speed connection guaranteed for all your video calls.", imageSrc: "http://img.b2bpic.net/free-photo/cocktail-wooden-table-restaurant_23-2147936121.jpg", imageAlt: "modern coffee shop interior" },
{ title: "Ergonomic Comfort", description: "Tables and chairs designed for long-term comfort.", imageSrc: "http://img.b2bpic.net/free-photo/hands-african-american-woman-yellow-dreess-with-cup-cappuccino_627829-12947.jpg", imageAlt: "bright cafe workspace window view" }
]}
title="Why Work Here?"
description="We evaluate based on essential criteria for professionals looking for concentration and comfort."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah Miller",
handle: "@sarahworks",
testimonial: "The best spot in Tualauta to get deep work done during the day.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-blond-female-model-showing-thumbs-up-sitting-with-laptop-study-material_1258-205399.jpg",
},
{
id: "t2",
name: "David Chen",
handle: "@davecodes",
testimonial: "Excellent internet and the coffee is truly locally sourced and rich.",
imageSrc: "http://img.b2bpic.net/free-photo/bearded-freelancer-connecting-wireless-network-via-laptop-thoughtful-man-working-notebook-while-sitting-wooden-table-modern-coffee-shop-interior-student-reading-book-cafe_273609-1943.jpg",
},
{
id: "t3",
name: "Elena V.",
handle: "@elenastudies",
testimonial: "I love the quiet ambiance at the Leasina location for studying.",
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-serious-handsome-black-male-student-drinking-coffee-while-working-home-assignment-writing-down-copybook-using-pen-looking-notes-with-focused-expression-pursuing-lips_273609-7443.jpg",
},
{
id: "t4",
name: "Marcus L.",
handle: "@marcusdesign",
testimonial: "Solid furniture and great lighting for any designer.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-with-headphones-writing-his-diary-coffee-shop_1170-2048.jpg",
},
{
id: "t5",
name: "Sophia G.",
handle: "@sophiawrites",
testimonial: "My absolute favorite coffee shop for writing in the island.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-sitting-cafe-with-laptop-digital-nomad-freelancer-working-outdoors-from-coffee-shop-typing-something_1258-314624.jpg",
},
]}
title="Community Voices"
description="Hear from locals and visitors alike on their favorite productive coffee spots."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Sarah Miller", handle: "@sarahworks", testimonial: "The best spot in Tualauta to get deep work done during the day.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-blond-female-model-showing-thumbs-up-sitting-with-laptop-study-material_1258-205399.jpg" },
{ id: "t2", name: "David Chen", handle: "@davecodes", testimonial: "Excellent internet and the coffee is truly locally sourced and rich.", imageSrc: "http://img.b2bpic.net/free-photo/bearded-freelancer-connecting-wireless-network-via-laptop-thoughtful-man-working-notebook-while-sitting-wooden-table-modern-coffee-shop-interior-student-reading-book-cafe_273609-1943.jpg" }
]}
title="Community Voices"
description="Hear from locals and visitors alike on their favorite productive coffee spots."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Are power outlets always available?",
content: "Most of our selected shops prioritize workspaces with easy access to power outlets.",
},
{
id: "q2",
title: "How do you rate these shops?",
content: "We visit each location personally to test Wi-Fi, noise levels, and comfort.",
},
{
id: "q3",
title: "Can I request a new shop?",
content: "Yes! Please contact us via the form below to suggest a shop.",
},
]}
title="Common Questions"
description="Have questions about our selection or locations? Here are some quick answers."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "Are power outlets always available?", content: "Most of our selected shops prioritize workspaces with easy access to power outlets." },
{ id: "q2", title: "How do you rate these shops?", content: "We visit each location personally to test Wi-Fi, noise levels, and comfort." }
]}
title="Common Questions"
description="Have questions about our selection or locations? Here are some quick answers."
faqsAnimation="slide-up"
/>
</div>
<div id="blog" data-section="blog">
<BlogCardThree
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
title="Productivity Insights"
description="Tips for getting the most out of your cafe working sessions."
blogs={[
{
id: "b1",
category: "Guide",
title: "Mastering Deep Work in Cafes",
excerpt: "How to stay focused amid distractions.",
imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-notepad-cafe-table_23-2147962616.jpg",
authorName: "Admin",
authorAvatar: "http://img.b2bpic.net/free-photo/happy-businesswoman-talking-smartphone-while-holding-glass-chocolate-milkshake-restaurant_23-2147970873.jpg",
date: "Jan 10, 2025",
},
{
id: "b2",
category: "Tips",
title: "Best Times for Quiet Coffee",
excerpt: "The quietest hours in Tualauta shops.",
imageSrc: "http://img.b2bpic.net/free-photo/interior-nice-bar_23-2147897025.jpg",
authorName: "Admin",
authorAvatar: "http://img.b2bpic.net/free-photo/working-woman-cafe-using-laptop-studying-remotely-freelancing-from-restaurant-drinking-coffee_1258-199157.jpg",
date: "Jan 12, 2025",
},
{
id: "b3",
category: "Reviews",
title: "Hidden Gems in Iliili Asuemu",
excerpt: "Discover local spots you might miss.",
imageSrc: "http://img.b2bpic.net/free-photo/coffee-machine-making-perfect-cup-coffee_23-2151699655.jpg",
authorName: "Admin",
authorAvatar: "http://img.b2bpic.net/free-photo/brunette-girl-sitting-cafe-with-cup-cappuccino-listening-music-headphones-write-some-documents_627829-7925.jpg",
date: "Jan 15, 2025",
},
]}
/>
</div>
<div id="blog" data-section="blog">
<BlogCardThree
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
title="Productivity Insights"
description="Tips for getting the most out of your cafe working sessions."
blogs={[
{ id: "b1", category: "Guide", title: "Mastering Deep Work in Cafes", excerpt: "How to stay focused amid distractions.", imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-notepad-cafe-table_23-2147962616.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/happy-businesswoman-talking-smartphone-while-holding-glass-chocolate-milkshake-restaurant_23-2147970873.jpg", date: "Jan 10, 2025" },
{ id: "b2", category: "Tips", title: "Best Times for Quiet Coffee", excerpt: "The quietest hours in Tualauta shops.", imageSrc: "http://img.b2bpic.net/free-photo/interior-nice-bar_23-2147897025.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/working-woman-cafe-using-laptop-studying-remotely-freelancing-from-restaurant-drinking-coffee_1258-199157.jpg", date: "Jan 12, 2025" }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Newsletter"
title="Stay Updated"
description="Join our newsletter for weekly updates on the best quiet spots."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Newsletter"
title="Stay Updated"
description="Join our newsletter for weekly updates on the best quiet spots."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Samoa Coffee Work"
columns={[
{
title: "Links",
items: [
{
label: "Home",
href: "#hero",
},
{
label: "Shops",
href: "#shops",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Samoa Coffee Work"
columns={[
{ title: "Links", items: [{ label: "Home", href: "#hero" }, { label: "Shops", href: "#shops" }, { label: "Contact", href: "#contact" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);