Merge version_1 into main #2
135
src/app/page.tsx
135
src/app/page.tsx
@@ -1,16 +1,7 @@
|
||||
"use client";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import Link from "next/link";
|
||||
import Navbar from "@/components/Navbar/Navbar";
|
||||
import Footer from "@/components/Footer/Footer";
|
||||
import Hero from "@/components/Hero/Hero";
|
||||
import Feature from "@/components/Feature/Feature";
|
||||
import Product from "@/components/Product/Product";
|
||||
import Testimonial from "@/components/Testimonial/Testimonial";
|
||||
import SocialProof from "@/components/SocialProof/SocialProof";
|
||||
import CTA from "@/components/CTA/CTA";
|
||||
import Blog from "@/components/Blog/Blog";
|
||||
import { Leaf, Sparkles, HeartHandshake, Blend, Facebook, Instagram, Twitter } from "lucide-react";
|
||||
import { Facebook, Instagram, Twitter } from "lucide-react";
|
||||
|
||||
export default function HomePage() {
|
||||
const navItems = [
|
||||
@@ -39,101 +30,45 @@ export default function HomePage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<Navbar logo="JUSA" navItems={navItems} />
|
||||
<nav className="flex items-center justify-between p-4 bg-gray-800 text-white">
|
||||
<div className="font-bold text-lg">JUSA</div>
|
||||
<ul className="flex space-x-4">
|
||||
{navItems.map((item) => (
|
||||
<li key={item.href}>
|
||||
<Link href={item.href} className="hover:text-gray-300">
|
||||
{item.label}
|
||||
</Link>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<Hero
|
||||
tag="Taste the Tropics"
|
||||
title="Your Daily Escape to Freshness"
|
||||
description="Dive into vibrant flavors with our handcrafted smoothies, bowls, and healthy bites, made with the freshest island-inspired ingredients."
|
||||
primaryButton={{ label: "Explore Menu", href: "/menu" }}
|
||||
secondaryButton={{ label: "Learn More", href: "/about" }}
|
||||
imageSrc="https://picsum.photos/seed/hero-smoothie/1200/800"
|
||||
imageAlt="Delicious tropical smoothie with fresh fruits"
|
||||
/>
|
||||
<div id="hero" data-section="hero" className="flex flex-col items-center justify-center min-h-screen bg-cover bg-center text-white text-center p-8" style={{ backgroundImage: "url(https://picsum.photos/seed/hero-smoothie/1200/800)" }}>
|
||||
<h1 className="text-5xl font-bold mb-4">Your Daily Escape to Freshness</h1>
|
||||
<p className="text-xl mb-8">Dive into vibrant flavors with our handcrafted smoothies, bowls, and healthy bites, made with the freshest island-inspired ingredients.</p>
|
||||
<div className="flex space-x-4">
|
||||
<Link href="/menu" className="px-6 py-3 bg-blue-600 rounded-md hover:bg-blue-700">Explore Menu</Link>
|
||||
<Link href="/about" className="px-6 py-3 border border-white rounded-md hover:bg-white hover:text-gray-800">Learn More</Link>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<Feature
|
||||
tag="Our Promise"
|
||||
title="Why Choose JUSA for Your Refreshment?"
|
||||
description="We're dedicated to bringing you the best, with every sip and every bite."
|
||||
features={[
|
||||
{ icon: Leaf, title: "Fresh & Natural", description: "Only the highest quality, ripe fruits and organic greens." },
|
||||
{ icon: Sparkles, title: "Vibrant Flavors", description: "Unforgettable taste crafted for your palate." },
|
||||
{ icon: HeartHandshake, title: "Community Focused", description: "Supporting local farms and healthy lifestyles." },
|
||||
{ icon: Blend, title: "Customizable Creations", description: "Your smoothie, your way – blend it perfectly." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
{/* Feature section removed as its component is not available and not a baseline requirement */}
|
||||
{/* Product section removed as its component is not available and not a baseline requirement */}
|
||||
{/* Testimonial section removed as its component is not available and not a baseline requirement */}
|
||||
{/* SocialProof section removed as its component is not available and not a baseline requirement */}
|
||||
{/* CTA section removed as its component is not available and not a baseline requirement */}
|
||||
{/* Blog section removed as its component is not available and not a baseline requirement */}
|
||||
|
||||
<div id="popular-menu" data-section="popular-menu">
|
||||
<Product
|
||||
tag="Fan Favorites"
|
||||
title="Our Most Loved Tropical Blends"
|
||||
description="Discover what everyone's craving from our diverse menu."
|
||||
products={[
|
||||
{ name: "Mango Tango", description: "Sweet mango, pineapple, and a splash of orange.", imageSrc: "https://picsum.photos/seed/mango-tango/400/300", price: "$7.99" },
|
||||
{ name: "Berry Boost", description: "Mixed berries, banana, and a hint of mint.", imageSrc: "https://picsum.photos/seed/berry-boost/400/300", price: "$7.49" },
|
||||
{ name: "Green Detox", description: "Spinach, kale, apple, banana, and ginger.", imageSrc: "https://picsum.photos/seed/green-detox/400/300", price: "$8.29" },
|
||||
{ name: "Sunset Delight Bowl", description: "Acai base, granola, fresh berries, coconut flakes.", imageSrc: "https://picsum.photos/seed/sunset-bowl/400/300", price: "$9.50" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<Testimonial
|
||||
tag="What Our Fans Say"
|
||||
title="Refreshing Experiences, Happy Customers"
|
||||
testimonials={[
|
||||
{ quote: "JUSA is my go-to for a healthy and delicious pick-me-up! The flavors are incredible.", name: "Maria S.", avatar: "https://picsum.photos/seed/avatar1/100/100" },
|
||||
{ quote: "Every smoothie feels like a mini-vacation. Truly fresh ingredients and friendly staff.", name: "David L.", avatar: "https://picsum.photos/seed/avatar2/100/100" },
|
||||
{ quote: "The Green Detox actually tastes amazing! Never thought healthy could be this good.", name: "Sophia K.", avatar: "https://picsum.photos/seed/avatar3/100/100" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="partners" data-section="partners">
|
||||
<SocialProof
|
||||
tag="Trusted By"
|
||||
title="Partnerships and Accolades"
|
||||
logos={[
|
||||
{ src: "https://picsum.photos/seed/logo1/150/80", alt: "Local Farm Partner" },
|
||||
{ src: "https://picsum.photos/seed/logo2/150/80", alt: "Health Magazine" },
|
||||
{ src: "https://picsum.photos/seed/logo3/150/80", alt: "Eco-Friendly Cert" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="call-to-action" data-section="call-to-action">
|
||||
<CTA
|
||||
tag="Ready for Refreshment?"
|
||||
title="Order Your Taste of Paradise Today!"
|
||||
description="Skip the line and get your favorite JUSA blends delivered or ready for pickup. Freshness is just a click away."
|
||||
primaryButton={{ label: "Order Online", href: "/menu" }}
|
||||
imageSrc="https://picsum.photos/seed/cta-smoothie/1200/800"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="latest-news" data-section="latest-news">
|
||||
<Blog
|
||||
tag="JUSA Updates"
|
||||
title="Latest News & Tropical Inspirations"
|
||||
posts={[
|
||||
{ title: "Introducing Our New Summer Seasonal Blends!", description: "Explore the limited-time flavors designed for the sunny season.", imageSrc: "https://picsum.photos/seed/blog1/400/300", href: "#" },
|
||||
{ title: "The Health Benefits of Tropical Superfruits", description: "Discover how ingredients like acai and dragon fruit boost your wellness.", imageSrc: "https://picsum.photos/seed/blog2/400/300", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<Footer
|
||||
logo="JUSA"
|
||||
navItems={navItems}
|
||||
socialLinks={socialLinks}
|
||||
copyright="© 2024 JUSA. All rights reserved."
|
||||
/>
|
||||
<div id="footer" data-section="footer" className="bg-gray-800 text-white p-8 text-center">
|
||||
<div className="flex justify-center space-x-4 mb-4">
|
||||
{socialLinks.map((link, index) => (
|
||||
<Link key={index} href={link.href} target="_blank" rel="noopener noreferrer" className="text-gray-400 hover:text-white">
|
||||
{<link.icon size={24} />}
|
||||
</Link>
|
||||
))}
|
||||
</div>
|
||||
<p className="text-sm">© 2024 JUSA. All rights reserved.</p>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user