Merge version_1 into main #2
456
src/app/page.tsx
456
src/app/page.tsx
@@ -28,342 +28,142 @@ export default function LandingPage() {
|
||||
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="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="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="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?_wi=1",
|
||||
},
|
||||
{
|
||||
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?_wi=1",
|
||||
},
|
||||
{
|
||||
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="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: {
|
||||
reveal-icon: {
|
||||
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: {
|
||||
reveal-icon: {
|
||||
icon: Globe,
|
||||
},
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spoons-bag-with-rice_23-2147897533.jpg?_wi=2",
|
||||
imageAlt: "staple food supply warehouse",
|
||||
},
|
||||
{
|
||||
title: "Bulk Pricing",
|
||||
description: "Competitive rates for wholesale partners.",
|
||||
bentoComponent: {
|
||||
reveal-icon: {
|
||||
icon: DollarSign,
|
||||
},
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/row-cookies-open-box_23-2147975215.jpg?_wi=2",
|
||||
imageAlt: "staple food supply warehouse",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Sam's Trading"
|
||||
description="Reliability, quality, and community support in everything we do."
|
||||
/>
|
||||
</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="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="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="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>
|
||||
<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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user