bender/5535b31c-a104-4fc2-a346-b45b6160cba9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main

Browse Source 
Merge version_3 into main
This commit was merged in pull request #3.
This commit is contained in:
bender
2026-05-08 18:58:44 +00:00
parent 086229d48f 27bac8a42a
commit 3ad6255212
1 changed files with 98 additions and 146 deletions
Download Patch File Download Diff File Expand all files Collapse all files

244
src/app/page.tsx
View File

@@ -2,165 +2,117 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; 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 NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardFour from '@/components/sections/product/ProductCardFour'; import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo'; import TextAbout from '@/components/sections/about/TextAbout';
import { Award, Clock, Coffee, MessageSquare, Star, Utensils } from "lucide-react"; 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 ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="bounce-effect" defaultButtonVariant="elastic-effect"
defaultTextAnimation="background-highlight" defaultTextAnimation="reveal-blur"
borderRadius="pill" borderRadius="soft"
contentWidth="mediumLarge" contentWidth="mediumLarge"
sizing="largeSmallSizeMediumTitles" sizing="medium"
background="blurBottom" background="noiseDiagonalGradient"
cardStyle="subtle-shadow" cardStyle="glass-elevated"
primaryButtonStyle="shadow" primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="radial-glow" secondaryButtonStyle="glass"
headingFontWeight="normal" headingFontWeight="semibold"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ { name: "Home", id: "#hero" },
name: "About", id: "#about"}, { name: "About", id: "#about" },
{ { name: "Products", id: "#menu" },
name: "Menu", id: "#menu"}, { name: "Our Farmers", id: "#farmers" },
{ { name: "Gallery", id: "#gallery" }
name: "Reviews", id: "#reviews"}, ]}
{ brandName="Pearl Cocoa"
name: "Contact", id: "#contact"}, />
]} </div>
brandName="Rojey Creamery"
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroOverlayTestimonial <HeroBillboardRotatedCarousel
title="Arua City's Favorite Dining Spot" title="Premium Ugandan Cocoa Exports"
description="Experience delicious meals, legendary pizza, creamy ice cream, and refreshing coffee in a cozy atmosphere." description="Connecting the world with the finest, ethically-sourced cocoa beans from the heart of Uganda."
testimonials={[ background={{ variant: "sparkles-gradient" }}
{ carouselItems={[
name: "Sarah J.", handle: "@sarahj", testimonial: "Best pizza I've had in West Nile!", rating: 5, { id: "1", imageSrc: "https://images.unsplash.com/photo-1597362925123-77861d3fbac7?auto=format&fit=crop&q=80&w=800" },
imageSrc: "https://images.unsplash.com/photo-1513104890138-7c749659a591?q=80&w=800&h=800&auto=format&fit=crop"}, { 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" },
name: "Brian K.", handle: "@briank", testimonial: "Open 24/7 and the coffee is perfect.", rating: 5, { id: "4", imageSrc: "https://images.unsplash.com/photo-1597362925123-77861d3fbac7?auto=format&fit=crop&q=80&w=800" },
imageSrc: "https://images.unsplash.com/photo-1509042239860-f550ce710b93?q=80&w=800&h=800&auto=format&fit=crop"}, { 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" }
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"}, />
{ </div>
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="about" data-section="about"> <div id="about" data-section="about">
<AboutMetric <TextAbout
useInvertedBackground={false} tag="Our Mission"
title="Welcome to Rojey Creamery" title="We export only the highest quality cocoa beans directly from sustainable farms in Uganda."
metrics={[ useInvertedBackground={false}
{ icon: Coffee, label: "Coffee Served", value: "1,000+" }, />
{ icon: Utensils, label: "Meals Made", value: "5,000+" }, </div>
{ icon: Star, label: "Avg Rating", value: "4.4" },
]}
metricsAnimation="slide-up"
/>
</div>
<div id="menu" data-section="menu"> <div id="menu" data-section="menu">
<ProductCardFour <ProductCardTwo
animationType="slide-up" title="Our Products"
textboxLayout="split" description="Explore our range of premium cocoa beans and products."
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
useInvertedBackground={false} animationType="slide-up"
products={[ textboxLayout="default"
{ 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" }, useInvertedBackground={false}
{ 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" }, products={[
{ 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: "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" }
{ 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" </div>
description="Meals our customers keep talking about"
/>
</div>
<div id="metrics" data-section="metrics"> <div id="farmers" data-section="farmers">
<MetricCardOne <TeamCardOne
animationType="slide-up" title="Meet Our Partners"
textboxLayout="default" description="Our dedicated farmers are the heart of Pearl Cocoa Exports."
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
useInvertedBackground={false} animationType="slide-up"
metrics={[ textboxLayout="default"
{ id: "m1", value: "4.4★", title: "Google Rating", description: "Highly recommended", icon: Star }, useInvertedBackground={true}
{ id: "m2", value: "184+", title: "Reviews", description: "Verified diners", icon: MessageSquare }, members={[
{ id: "m3", value: "24/7", title: "Open Daily", description: "Always available", icon: Clock }, { id: "f1", name: "Farmer John", role: "Master Grower", imageSrc: "https://images.unsplash.com/photo-1627907431109-8d76d4949a21?auto=format&fit=crop&q=80&w=400" }
{ id: "m4", value: "#1", title: "Experience", description: "In Arua City", icon: Award }, ]}
]} />
title="Our Impact" </div>
description="Consistently loved by the community"
/>
</div>
<div id="reviews" data-section="reviews"> <div id="gallery" data-section="gallery">
<TestimonialCardTwo <TestimonialCardSixteen
animationType="slide-up" title="Visual Legacy"
textboxLayout="split" description="A glimpse into the farm and production journey."
useInvertedBackground={false} kpiItems={[{ value: "100%", label: "Ethical" }, { value: "500+", label: "Farmers" }, { value: "20+", label: "Regions" }]}
testimonials={[ animationType="blur-reveal"
{ 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" }, textboxLayout="split"
{ 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" }, useInvertedBackground={false}
{ id: "t3", name: "Simon Ssentongo", role: "Professional", testimonial: "Cool ambiance with delicious meals and soft jazz.", imageSrc: "https://i.pravatar.cc/100?u=12" }, testimonials={[]}
]} />
title="What Customers Say" </div>
description="Real experiences from our guests"
/>
</div>
<div id="contact" data-section="contact"> <div id="footer" data-section="footer">
<ContactCenter <FooterBaseCard
useInvertedBackground={false} logoText="Pearl Cocoa Exports"
background={{ variant: "gradient-bars" }} columns={[
tag="Visit Us" { title: "Navigation", items: [{ label: "Home", href: "#" }, { label: "About", href: "#" }] },
title="Ready to Experience Rojey?" { title: "Contact", items: [{ label: "Email Us", href: "#" }] }
description="We are open 24 hours a day in the heart of Arua City, Uganda." ]}
/> />
</div> </div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Rojey Creamery"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }