171 lines
9.9 KiB
TypeScript
171 lines
9.9 KiB
TypeScript
"use client";
|
|
|
|
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 FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import { Award, CheckCircle, DollarSign, Globe, MapPin, Truck } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="blurBottom"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Products", id: "products" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
brandName="Sam's Trading"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroCentered
|
|
background={{ variant: "plain" }}
|
|
title="Quality Staples for Your Business"
|
|
description="Sam's Trading delivers premium rice, sugar, and cooking oil across Lebanon and Iraq. Trusted quality for every home and business."
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg", alt: "Business Leader" },
|
|
{ src: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg", alt: "Business Partner" },
|
|
{ src: "http://img.b2bpic.net/free-photo/businessman-smiling-camera_107420-95907.jpg", alt: "Manager" },
|
|
{ src: "http://img.b2bpic.net/free-photo/multi-ethnic-team-business-trip_1098-15488.jpg", alt: "Team Member" },
|
|
{ src: "http://img.b2bpic.net/free-photo/positive-business-partners-meeting-office-building-shaking-hands-with-each-other-side-view-medium-shot-corporate-communication-handshake-concept_74855-7728.jpg", alt: "Partner" }
|
|
]}
|
|
buttons={[
|
|
{ text: "Explore Products", href: "#products" },
|
|
{ text: "Contact Us", href: "#contact" }
|
|
]}
|
|
avatarText="Trusted by 500+ partners"
|
|
marqueeItems={[
|
|
{ type: "text-icon", text: "Reliable Logistics", icon: Truck },
|
|
{ type: "text-icon", text: "Bulk Pricing", icon: DollarSign },
|
|
{ type: "text-icon", text: "Quality Assured", icon: CheckCircle },
|
|
{ type: "text-icon", text: "Global Supply", icon: Globe },
|
|
{ type: "text-icon", text: "Regional Experts", icon: MapPin }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
useInvertedBackground={false}
|
|
title="Serving Across Borders"
|
|
metrics={[
|
|
{ icon: MapPin, label: "Regional Presence", value: "2 Countries" },
|
|
{ icon: Truck, label: "Supply Capacity", value: "100+ Tons" },
|
|
{ icon: Award, label: "Customer Satisfaction", value: "99%" }
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "p1", brand: "Sam's Selection", name: "Premium Basmati Rice", price: "$12.00", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/spoons-bag-with-rice_23-2147897533.jpg" },
|
|
{ id: "p2", brand: "Sam's Selection", name: "Pure White Sugar", price: "$8.00", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/row-cookies-open-box_23-2147975215.jpg" },
|
|
{ id: "p3", brand: "Sam's Selection", name: "Sunflower Cooking Oil", price: "$15.00", rating: 4, reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/raw-yellow-brown-semolina-pasta-with-glass-bottle-oil_114579-38579.jpg" },
|
|
{ id: "p4", brand: "Sam's Selection", name: "Premium Jasmine Rice", price: "$14.00", rating: 5, reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-different-organic-ingredients_23-2148685804.jpg" },
|
|
{ id: "p5", brand: "Sam's Selection", name: "Brown Sugar", price: "$9.50", rating: 4, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-white-sugar-cubes-bowl-white-wooden-table-horizontal_176474-1899.jpg" },
|
|
{ id: "p6", brand: "Sam's Selection", name: "Olive Cooking Oil", price: "$22.00", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/sunflower-oil-plastic-bottle-wooden-table_123827-21068.jpg" }
|
|
]}
|
|
title="Our Trading Goods"
|
|
description="From daily staples to bulk industrial needs, we provide only the best quality."
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureBento
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ title: "Premium Quality", description: "Strict quality control on all food staples.", bentoComponent: { icon: CheckCircle }, imageSrc: "http://img.b2bpic.net/free-photo/cooking-ingredients-kitchen_53876-47074.jpg", imageAlt: "staple food supply warehouse" },
|
|
{ title: "Global Logistics", description: "Efficient supply chains in Lebanon and Iraq.", bentoComponent: { icon: Globe }, imageSrc: "http://img.b2bpic.net/free-photo/spoons-bag-with-rice_23-2147897533.jpg", imageAlt: "staple food supply warehouse" },
|
|
{ title: "Bulk Pricing", description: "Competitive rates for wholesale partners.", bentoComponent: { icon: DollarSign }, imageSrc: "http://img.b2bpic.net/free-photo/row-cookies-open-box_23-2147975215.jpg", imageAlt: "staple food supply warehouse" }
|
|
]}
|
|
title="Why Choose Sam's Trading"
|
|
description="Reliability, quality, and community support in everything we do."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "1", name: "Ahmed Ibrahim", role: "Distributor", company: "Beirut Mart", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg" },
|
|
{ id: "2", name: "Layla Hassan", role: "Owner", company: "Baghdad Foods", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg" },
|
|
{ id: "3", name: "Omar Fakhoury", role: "Purchaser", company: "Retail Group", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-business-people-meeting-city-shaking-hands-near-office-building-low-angle-shot-communication-partnership-concept_74855-7814.jpg" },
|
|
{ id: "4", name: "Sara Khalil", role: "Chef", company: "Fine Dining", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-lady-baker-standing-with-arms-crossed_171337-16097.jpg" },
|
|
{ id: "5", name: "Karim Jaber", role: "Supply Manager", company: "TradeCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-with-speech-bubble_53876-13587.jpg" }
|
|
]}
|
|
title="Trusted Partners"
|
|
description="Hear what our wholesale partners have to say about our reliable supply chain."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{ id: "f1", title: "Do you deliver to Iraq?", content: "Yes, we have established logistics for Iraq deliveries." },
|
|
{ id: "f2", title: "What are your bulk rates?", content: "Contact our sales team for specific tiered pricing." },
|
|
{ id: "f3", title: "Are products certified?", content: "All food products undergo strict safety inspections." }
|
|
]}
|
|
title="Common Questions"
|
|
description="Get answers about our products and services."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{ variant: "plain" }}
|
|
tag="Get in touch"
|
|
title="Need a Quote?"
|
|
description="Reach out to Sam's Trading for bulk orders or partnership inquiries."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Sam's Trading"
|
|
leftLink={{ text: "Terms of Service", href: "#" }}
|
|
rightLink={{ text: "Privacy Policy", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|