bender/dcc93b28-553b-4677-99f1-6abfd09885ce
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 3 commits from version_2 into main 2026-04-15 15:14:57 +00:00
Conversation 0 Commits 3 Files Changed 3 +160 -54
3 changed files with 160 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
src/app/buyer-dashboard/page.tsx Normal file
View File

@@ -0,0 +1,66 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { User, Package, Heart } from "lucide-react";
export default function BuyerDashboardPage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Buyer Dashboard", id: "/buyer-dashboard" },
{ name: "Services", id: "/services" },
{ name: "Contact", id: "/contact" },
]}
button={{ text: "Get Quote", href: "/contact" }}
brandName="HoursJM Roofing"
/>
</div>
<div className="pt-32 pb-20 px-6 max-w-7xl mx-auto space-y-12">
<h1 className="text-4xl font-bold">Buyer Dashboard</h1>
<section id="profile" className="p-8 bg-card rounded-2xl border">
<h2 className="text-2xl font-semibold mb-4 flex items-center gap-2"><User /> Buyer Profile</h2>
<p>Manage your account details and preferences.</p>
</section>
<section id="orders" className="p-8 bg-card rounded-2xl border">
<h2 className="text-2xl font-semibold mb-4 flex items-center gap-2"><Package /> Order History</h2>
<p>View your past roofing service requests and status.</p>
</section>
<section id="saved" className="p-8 bg-card rounded-2xl border">
<h2 className="text-2xl font-semibold mb-4 flex items-center gap-2"><Heart /> Saved Products</h2>
<p>Access your bookmarked materials and roofing options.</p>
</section>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="HoursJM Roofing"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

62
src/app/marketplace/page.tsx Normal file
View File

@@ -0,0 +1,62 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
export default function MarketplacePage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Marketplace", id: "/marketplace" },
]}
button={{ text: "Get Quote", href: "/" }}
brandName="HoursJM Roofing"
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
gridVariant="four-items-2x2-equal-grid"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Agriculture Marketplace"
description="Browse our premium selection of agricultural equipment and supplies."
products={[
{ id: "p1", name: "High-Grade Fertilizer", price: "$45.00", variant: "Bulk Bag", imageSrc: "http://img.b2bpic.net/free-photo/fertilizer-sack.jpg" },
{ id: "p2", name: "Drip Irrigation Kit", price: "$120.00", variant: "Pro Series", imageSrc: "http://img.b2bpic.net/free-photo/irrigation-kit.jpg" },
{ id: "p3", name: "Organic Seeds Pack", price: "$15.00", variant: "Vegetable Mix", imageSrc: "http://img.b2bpic.net/free-photo/seeds.jpg" },
{ id: "p4", name: "Industrial Hand Trowel", price: "$25.00", variant: "Reinforced", imageSrc: "http://img.b2bpic.net/free-photo/trowel.jpg" }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="HoursJM Roofing"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

86
src/app/page.tsx
View File

@@ -35,47 +35,25 @@ export default function LandingPage() {
{ name: "Contact", id: "contact" },
]}
button={{ text: "Get Quote", href: "#contact" }}
brandName="HoursJM Roofing"
brandName="AgriTrade Marketplace"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{ variant: "plain" }}
title="Three Generations of Roofing Excellence"
description="Premium roofing solutions built to protect, elevate, and endure."
title="Connecting Growers Directly to Markets"
description="The premier marketplace for fresh produce and agricultural commodities."
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-2594.jpg", imageAlt: "Roofing excellence 1" },
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg", imageAlt: "Roofing excellence 2" },
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-protection-helmet-full-shot_23-2149343641.jpg", imageAlt: "Roofing excellence 3" },
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24989.jpg", imageAlt: "Roofing excellence 4" },
{ imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13151.jpg", imageAlt: "Roofing excellence 5" },
{ imageSrc: "http://img.b2bpic.net/free-photo/metallic-background-with-black-lines_23-2148744336.jpg", imageAlt: "Roofing excellence 6" }
{ imageSrc: "http://img.b2bpic.net/free-photo/fresh-vegetables-box-wooden-table_144627-18400.jpg", imageAlt: "Fresh produce 1" },
{ imageSrc: "http://img.b2bpic.net/free-photo/vegetables-set-wooden-table_144627-18404.jpg", imageAlt: "Fresh produce 2" }
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-sitting-roof_23-2149343640.jpg", imageAlt: "Roofing excellence 1" },
{ imageSrc: "http://img.b2bpic.net/free-photo/skateboard-rink-view_23-2148937901.jpg", imageAlt: "Roofing excellence 2" },
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-roof-with-drill_23-2148748775.jpg", imageAlt: "Roofing excellence 3" },
{ imageSrc: "http://img.b2bpic.net/free-photo/gothic-brick-tower-with-tall-window-dramatic-architecture-angle_169016-70801.jpg", imageAlt: "Roofing excellence 4" },
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343660.jpg", imageAlt: "Roofing excellence 5" },
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-wooden-roof_181624-2403.jpg", imageAlt: "Roofing excellence 6" }
]}
buttons={[{ text: "Get Free Estimate", href: "#contact" }]}
avatars={[
{ src: "http://img.b2bpic.net/free-photo/white-buildings-with-red-roofs-sunlight_181624-5655.jpg", alt: "Client 1" },
{ src: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-25417.jpg", alt: "Client 2" },
{ src: "http://img.b2bpic.net/free-photo/roof-tile_1136-323.jpg", alt: "Client 3" },
{ src: "http://img.b2bpic.net/free-photo/chinise-building_1417-1695.jpg", alt: "Client 4" },
{ src: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg", alt: "Client 5" }
]}
avatarText="Trusted by 500+ local homeowners"
marqueeItems={[
{ type: "image", src: "http://img.b2bpic.net/free-photo/young-man-looking-into-solid-fuel-boiler-working-with-biofuels-economical-heating-top-view_169016-14806.jpg", alt: "Logo 1" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg", alt: "Logo 2" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13092.jpg", alt: "Logo 3" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/tile-roof-house-home-textures_74190-9990.jpg", alt: "Logo 4" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/abstract-background-roof-texture-tiles-generative-al_169016-28456.jpg", alt: "Logo 5" }
{ imageSrc: "http://img.b2bpic.net/free-photo/fresh-harvest-market_144627-18410.jpg", imageAlt: "Harvest 1" },
{ imageSrc: "http://img.b2bpic.net/free-photo/farm-fresh-products_144627-18412.jpg", imageAlt: "Harvest 2" }
]}
buttons={[{ text: "Start Selling", href: "#contact" }]}
avatarText="Trusted by 2000+ farmers"
/>
</div>
@@ -84,12 +62,12 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
title="Our Services"
description="Comprehensive roofing solutions delivered by experienced professionals."
title="Marketplace Features"
description="Streamlined tools to help you grow your agricultural business."
features={[
{ id: "s1", title: "Residential Roofing", author: "Experts", description: "High-quality installation and replacement for family homes.", tags: ["Residential", "New Roof"], imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-smoking-roof_1321-1036.jpg" },
{ id: "s2", title: "Commercial Roofing", author: "Experts", description: "Durable flat and metal roofing systems for business facilities.", tags: ["Commercial", "Flat Roof"], imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-office-building_1252-1154.jpg" },
{ id: "s3", title: "Repairs & Maintenance", author: "Experts", description: "Preventative care and rapid response to weather damage.", tags: ["Maintenance", "Repair"], imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-doing-his-job-with-belt_23-2149343658.jpg" }
{ id: "s1", title: "Direct Sales", author: "Platform", description: "Sell your harvest directly to wholesalers and retailers globally.", tags: ["Global", "B2B"], imageSrc: "http://img.b2bpic.net/free-photo/fresh-vegetables-box-wooden-table_144627-18400.jpg" },
{ id: "s2", title: "Supply Chain Tracking", author: "Platform", description: "Real-time logistics tracking for all your shipments.", tags: ["Logistics", "Traceability"], imageSrc: "http://img.b2bpic.net/free-photo/truck-transporting-goods_144627-18420.jpg" },
{ id: "s3", title: "Secure Payments", author: "Platform", description: "Guaranteed payment security and instant commission settlements.", tags: ["Fintech", "Payments"], imageSrc: "http://img.b2bpic.net/free-photo/financial-graph-growth_144627-18430.jpg" }
]}
/>
</div>
@@ -97,11 +75,11 @@ export default function LandingPage() {
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={false}
title="Why Choose Us"
title="Marketplace Impact"
metrics={[
{ icon: Award, label: "Generation Expertise", value: "3rd" },
{ icon: ShieldCheck, label: "Quality Materials", value: "100%" },
{ icon: Wrench, label: "Precision Craftsmanship", value: "True" }
{ icon: Award, label: "Farmer Reach", value: "50+ Countries" },
{ icon: ShieldCheck, label: "Quality Grade", value: "AAA" },
{ icon: Wrench, label: "Commission Fee", value: "3.5%" }
]}
metricsAnimation="blur-reveal"
/>
@@ -111,12 +89,12 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={true}
faqs={[
{ id: "q1", title: "How long does a new roof last?", content: "Depending on materials, modern roofs can last 20-50 years with maintenance." },
{ id: "q2", title: "Do you offer free estimates?", content: "Yes, we provide free site assessments and detailed quotes for all projects." },
{ id: "q3", title: "Are you fully licensed and insured?", content: "Absolutely, our team is fully licensed, bonded, and insured for your peace of mind." }
{ id: "q1", title: "What is the commission structure?", content: "We charge a flat 3.5% commission on all successful transactions, covering payment processing and escrow services." },
{ id: "q2", title: "How do I list my produce?", content: "Complete our farmer verification process, upload your inventory list, and set your pricing in your seller dashboard." },
{ id: "q3", title: "When will I get paid?", content: "Payouts are triggered automatically upon shipment verification, typically hitting your account within 2-3 business days." }
]}
sideTitle="Common Questions"
sideDescription="Everything you need to know about our professional roofing services."
sideTitle="Seller Support"
sideDescription="Get the answers you need to succeed on our marketplace."
faqsAnimation="slide-up"
/>
</div>
@@ -125,22 +103,22 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Contact Us"
title="Ready for a new roof?"
description="Send us your request and our team will get back to you promptly."
inputPlaceholder="Enter your email address"
buttonText="Get Estimate"
tag="Join Us"
title="Register as a Seller"
description="Expand your reach today. Sign up for a seller account to get started."
inputPlaceholder="Enter your farm or business email"
buttonText="Get Started"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="HoursJM Roofing"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
logoText="AgriTrade Marketplace"
leftLink={{ text: "Seller Guidelines", href: "#" }}
rightLink={{ text: "Marketplace Terms", href: "#" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}