Merge version_3 into main
Merge version_3 into main
This commit was merged in pull request #3.
This commit is contained in:
244
src/app/page.tsx
244
src/app/page.tsx
@@ -2,165 +2,117 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Award, Clock, Coffee, MessageSquare, Star, Utensils } from "lucide-react";
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import { Leaf, Award, MapPin } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function PearlCocoaExportsPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="blurBottom"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="normal"
|
||||
sizing="medium"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Menu", id: "#menu"},
|
||||
{
|
||||
name: "Reviews", id: "#reviews"},
|
||||
{
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Rojey Creamery"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Products", id: "#menu" },
|
||||
{ name: "Our Farmers", id: "#farmers" },
|
||||
{ name: "Gallery", id: "#gallery" }
|
||||
]}
|
||||
brandName="Pearl Cocoa"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Arua City's Favorite Dining Spot"
|
||||
description="Experience delicious meals, legendary pizza, creamy ice cream, and refreshing coffee in a cozy atmosphere."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.", handle: "@sarahj", testimonial: "Best pizza I've had in West Nile!", rating: 5,
|
||||
imageSrc: "https://images.unsplash.com/photo-1513104890138-7c749659a591?q=80&w=800&h=800&auto=format&fit=crop"},
|
||||
{
|
||||
name: "Brian K.", handle: "@briank", testimonial: "Open 24/7 and the coffee is perfect.", rating: 5,
|
||||
imageSrc: "https://images.unsplash.com/photo-1509042239860-f550ce710b93?q=80&w=800&h=800&auto=format&fit=crop"},
|
||||
{
|
||||
name: "Alex O.", handle: "@alexo", testimonial: "The atmosphere is so cozy and inviting.", rating: 5,
|
||||
imageSrc: "https://images.unsplash.com/photo-1559339352-11d035aa65de?q=80&w=800&h=800&auto=format&fit=crop"},
|
||||
{
|
||||
name: "Monica T.", handle: "@monicat", testimonial: "Great service and even better ice cream.", rating: 4,
|
||||
imageSrc: "https://images.unsplash.com/photo-1563805042-7684c019e1cb?q=80&w=800&h=800&auto=format&fit=crop"},
|
||||
{
|
||||
name: "John D.", handle: "@johnd", testimonial: "Perfect spot for a late night meal.", rating: 5,
|
||||
imageSrc: "https://images.unsplash.com/photo-1550966871-3ed39b5ed0b4?q=80&w=800&h=800&auto=format&fit=crop"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Menu", href: "#menu"},
|
||||
]}
|
||||
imageSrc="https://images.unsplash.com/photo-1554118811-1e0d58224f24?q=80&w=1600&h=1000&auto=format&fit=crop"
|
||||
imageAlt="Restaurant ambiance"
|
||||
avatars={[
|
||||
{ src: "https://i.pravatar.cc/100?u=1", alt: "Customer 1" },
|
||||
{ src: "https://i.pravatar.cc/100?u=2", alt: "Customer 2" },
|
||||
{ src: "https://i.pravatar.cc/100?u=3", alt: "Customer 3" },
|
||||
{ src: "https://i.pravatar.cc/100?u=4", alt: "Customer 4" },
|
||||
{ src: "https://i.pravatar.cc/100?u=5", alt: "Customer 5" },
|
||||
]}
|
||||
avatarText="Join 1,000+ happy diners"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
title="Premium Ugandan Cocoa Exports"
|
||||
description="Connecting the world with the finest, ethically-sourced cocoa beans from the heart of Uganda."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "https://images.unsplash.com/photo-1597362925123-77861d3fbac7?auto=format&fit=crop&q=80&w=800" },
|
||||
{ id: "2", imageSrc: "https://images.unsplash.com/photo-1597362925123-77861d3fbac7?auto=format&fit=crop&q=80&w=800" },
|
||||
{ id: "3", imageSrc: "https://images.unsplash.com/photo-1597362925123-77861d3fbac7?auto=format&fit=crop&q=80&w=800" },
|
||||
{ id: "4", imageSrc: "https://images.unsplash.com/photo-1597362925123-77861d3fbac7?auto=format&fit=crop&q=80&w=800" },
|
||||
{ id: "5", imageSrc: "https://images.unsplash.com/photo-1597362925123-77861d3fbac7?auto=format&fit=crop&q=80&w=800" },
|
||||
{ id: "6", imageSrc: "https://images.unsplash.com/photo-1597362925123-77861d3fbac7?auto=format&fit=crop&q=80&w=800" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Welcome to Rojey Creamery"
|
||||
metrics={[
|
||||
{ icon: Coffee, label: "Coffee Served", value: "1,000+" },
|
||||
{ icon: Utensils, label: "Meals Made", value: "5,000+" },
|
||||
{ icon: Star, label: "Avg Rating", value: "4.4" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
tag="Our Mission"
|
||||
title="We export only the highest quality cocoa beans directly from sustainable farms in Uganda."
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Signature Pizza", price: "$12.00", variant: "Gourmet", imageSrc: "https://images.unsplash.com/photo-1513104890138-7c749659a591?q=80&w=600&auto=format&fit=crop" },
|
||||
{ id: "p2", name: "Creamy Ice Cream", price: "$5.00", variant: "Sweet", imageSrc: "https://images.unsplash.com/photo-1563805042-7684c019e1cb?q=80&w=600&auto=format&fit=crop" },
|
||||
{ id: "p3", name: "Premium Coffee", price: "$3.50", variant: "Hot", imageSrc: "https://images.unsplash.com/photo-1509042239860-f550ce710b93?q=80&w=600&auto=format&fit=crop" },
|
||||
{ id: "p4", name: "Fresh Daily Meal", price: "$15.00", variant: "Local", imageSrc: "https://images.unsplash.com/photo-1550966871-3ed39b5ed0b4?q=80&w=600&auto=format&fit=crop" },
|
||||
]}
|
||||
title="Popular Favorites"
|
||||
description="Meals our customers keep talking about"
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
title="Our Products"
|
||||
description="Explore our range of premium cocoa beans and products."
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "c1", brand: "Pearl Cocoa", name: "Grade A Cocoa Beans", price: "$5.00/kg", rating: 5, reviewCount: "120", imageSrc: "https://images.unsplash.com/photo-1627907431109-8d76d4949a21?auto=format&fit=crop&q=80&w=600" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "4.4★", title: "Google Rating", description: "Highly recommended", icon: Star },
|
||||
{ id: "m2", value: "184+", title: "Reviews", description: "Verified diners", icon: MessageSquare },
|
||||
{ id: "m3", value: "24/7", title: "Open Daily", description: "Always available", icon: Clock },
|
||||
{ id: "m4", value: "#1", title: "Experience", description: "In Arua City", icon: Award },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Consistently loved by the community"
|
||||
/>
|
||||
</div>
|
||||
<div id="farmers" data-section="farmers">
|
||||
<TeamCardOne
|
||||
title="Meet Our Partners"
|
||||
description="Our dedicated farmers are the heart of Pearl Cocoa Exports."
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{ id: "f1", name: "Farmer John", role: "Master Grower", imageSrc: "https://images.unsplash.com/photo-1627907431109-8d76d4949a21?auto=format&fit=crop&q=80&w=400" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Safari Guide", role: "Traveler", testimonial: "A hidden gem in Arua Town! Flavorful and beautiful.", imageSrc: "https://i.pravatar.cc/100?u=10" },
|
||||
{ id: "t2", name: "Gray O", role: "Local", testimonial: "Wow. A real gem of a restaurant in Arua City.", imageSrc: "https://i.pravatar.cc/100?u=11" },
|
||||
{ id: "t3", name: "Simon Ssentongo", role: "Professional", testimonial: "Cool ambiance with delicious meals and soft jazz.", imageSrc: "https://i.pravatar.cc/100?u=12" },
|
||||
]}
|
||||
title="What Customers Say"
|
||||
description="Real experiences from our guests"
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<TestimonialCardSixteen
|
||||
title="Visual Legacy"
|
||||
description="A glimpse into the farm and production journey."
|
||||
kpiItems={[{ value: "100%", label: "Ethical" }, { value: "500+", label: "Farmers" }, { value: "20+", label: "Regions" }]}
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Visit Us"
|
||||
title="Ready to Experience Rojey?"
|
||||
description="We are open 24 hours a day in the heart of Arua City, Uganda."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Rojey Creamery"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Pearl Cocoa Exports"
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "#" }, { label: "About", href: "#" }] },
|
||||
{ title: "Contact", items: [{ label: "Email Us", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user