Merge version_1 into main #2
271
src/app/page.tsx
271
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Products", id: "#products"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Services", id: "#features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="LeathChem Pro"
|
||||
/>
|
||||
@@ -53,46 +45,29 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Precision Chemistry for Premium Leather"
|
||||
description="Transforming raw hides into finished luxury through advanced, sustainable chemical formulations engineered for modern tanneries."
|
||||
tag="Trusted Industrial Supplier"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Products",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Products", href: "#products"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technologist-looking-through-glass-beverage-product-testing-quality_342744-1206.jpg?_wi=1",
|
||||
imageAlt: "Leather treatment laboratory",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technologist-looking-through-glass-beverage-product-testing-quality_342744-1206.jpg", imageAlt: "Leather treatment laboratory"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scientist-blue-lab-suit-working-with-control-panel-look-camera_645730-170.jpg",
|
||||
imageAlt: "Professional chemical mixing",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scientist-blue-lab-suit-working-with-control-panel-look-camera_645730-170.jpg", imageAlt: "Professional chemical mixing"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/widescreen-picture-scientist-blue-lab-suit-check-control-panel-near-big-chromed-tanks_645730-137.jpg",
|
||||
imageAlt: "Industrial leather chemistry",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/widescreen-picture-scientist-blue-lab-suit-check-control-panel-near-big-chromed-tanks_645730-137.jpg", imageAlt: "Industrial leather chemistry"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/world-science-day-research-innovation-elements_23-2151812395.jpg",
|
||||
imageAlt: "High tech facility",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/world-science-day-research-innovation-elements_23-2151812395.jpg", imageAlt: "High tech facility"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186752.jpg",
|
||||
imageAlt: "Quality assurance testing",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186752.jpg", imageAlt: "Quality assurance testing"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-world-science-day-arrangement_23-2149132641.jpg",
|
||||
imageAlt: "Global distribution center",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-world-science-day-arrangement_23-2149132641.jpg", imageAlt: "Global distribution center"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -104,64 +79,43 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Eco-Friendly Tanning",
|
||||
description: "Reduce your environmental impact without compromising quality with our proprietary low-chrome tanning agents.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/copy-space-warm-colours-oil-frame_23-2148227061.jpg",
|
||||
imageAlt: "Tanning process",
|
||||
},
|
||||
title: "Eco-Friendly Tanning", description: "Reduce your environmental impact without compromising quality with our proprietary low-chrome tanning agents.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/copy-space-warm-colours-oil-frame_23-2148227061.jpg", imageAlt: "leather grain texture close-up"},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Biodegradable compounds",
|
||||
},
|
||||
text: "Biodegradable compounds"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Reduced water usage",
|
||||
},
|
||||
text: "Reduced water usage"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technologist-looking-through-glass-beverage-product-testing-quality_342744-1206.jpg?_wi=2",
|
||||
imageAlt: "leather grain texture close-up",
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
title: "Precision Dyeing",
|
||||
description: "Achieve deep, vibrant, and uniform colors across large batches with our stabilized dye-fixation chemicals.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-business-owner_23-2148828297.jpg",
|
||||
imageAlt: "Dyeing precision",
|
||||
},
|
||||
title: "Precision Dyeing", description: "Achieve deep, vibrant, and uniform colors across large batches with our stabilized dye-fixation chemicals.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-business-owner_23-2148828297.jpg", imageAlt: "leather grain texture close-up"},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "High colorfastness",
|
||||
},
|
||||
text: "High colorfastness"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Uniform batch consistency",
|
||||
},
|
||||
text: "Uniform batch consistency"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-colored-paint-cups_23-2148591235.jpg?_wi=1",
|
||||
imageAlt: "leather grain texture close-up",
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
title: "Durable Finishing",
|
||||
description: "State-of-the-art protective coatings that resist wear and tear while maintaining a soft, luxurious touch.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spool-white-threads-scissors-workdesk_23-2147874979.jpg",
|
||||
imageAlt: "Finishing process",
|
||||
},
|
||||
title: "Durable Finishing", description: "State-of-the-art protective coatings that resist wear and tear while maintaining a soft, luxurious touch.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spool-white-threads-scissors-workdesk_23-2147874979.jpg", imageAlt: "leather grain texture close-up"},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Scratch resistance",
|
||||
},
|
||||
text: "Scratch resistance"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Enhanced longevity",
|
||||
},
|
||||
text: "Enhanced longevity"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottle-with-mens-shampoo-hand-white-background-space-text_185193-161809.jpg?_wi=1",
|
||||
imageAlt: "leather grain texture close-up",
|
||||
reverse: false,
|
||||
},
|
||||
]}
|
||||
title="Advanced Tannery Solutions"
|
||||
@@ -177,59 +131,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Pro-Tan",
|
||||
name: "Heavy Duty Chromium Agent",
|
||||
price: "$120/kg",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-colored-paint-cups_23-2148591235.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", brand: "Pro-Tan", name: "Heavy Duty Chromium Agent", price: "$120/kg", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/front-view-colored-paint-cups_23-2148591235.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Soft-Touch",
|
||||
name: "Natural Leather Softener",
|
||||
price: "$85/L",
|
||||
rating: 5,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottle-with-mens-shampoo-hand-white-background-space-text_185193-161809.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", brand: "Soft-Touch", name: "Natural Leather Softener", price: "$85/L", rating: 5,
|
||||
reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/bottle-with-mens-shampoo-hand-white-background-space-text_185193-161809.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Gloss-Prime",
|
||||
name: "Finishing Wax Coating",
|
||||
price: "$95/L",
|
||||
rating: 4,
|
||||
reviewCount: "56",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-colored-paint-cups_23-2148591234.jpg",
|
||||
},
|
||||
id: "p3", brand: "Gloss-Prime", name: "Finishing Wax Coating", price: "$95/L", rating: 4,
|
||||
reviewCount: "56", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-colored-paint-cups_23-2148591234.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Color-Fast",
|
||||
name: "Fixation Chemical",
|
||||
price: "$110/kg",
|
||||
rating: 5,
|
||||
reviewCount: "42",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-researcher-carrying-out-scientific-experiment_1153-4518.jpg",
|
||||
},
|
||||
id: "p4", brand: "Color-Fast", name: "Fixation Chemical", price: "$110/kg", rating: 5,
|
||||
reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/young-male-researcher-carrying-out-scientific-experiment_1153-4518.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Protect-Max",
|
||||
name: "Weather Shield Spray",
|
||||
price: "$75/L",
|
||||
rating: 4,
|
||||
reviewCount: "34",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shampoo-bottle-cosmetics-product-realistic-style-advertising_187299-47934.jpg",
|
||||
},
|
||||
id: "p5", brand: "Protect-Max", name: "Weather Shield Spray", price: "$75/L", rating: 4,
|
||||
reviewCount: "34", imageSrc: "http://img.b2bpic.net/free-photo/shampoo-bottle-cosmetics-product-realistic-style-advertising_187299-47934.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Deep-Dye",
|
||||
name: "Black Intense Pigment",
|
||||
price: "$150/kg",
|
||||
rating: 5,
|
||||
reviewCount: "22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shoemaker-using-sewing-machine_171337-12294.jpg",
|
||||
},
|
||||
id: "p6", brand: "Deep-Dye", name: "Black Intense Pigment", price: "$150/kg", rating: 5,
|
||||
reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shoemaker-using-sewing-machine_171337-12294.jpg"},
|
||||
]}
|
||||
title="Featured Chemical Solutions"
|
||||
description="Browse our core chemical formulations designed for tanneries and industrial leather processing facilities."
|
||||
@@ -244,45 +162,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Marco Rossi",
|
||||
role: "Head Tanner",
|
||||
company: "Toscana Leathers",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/making-clothes-tailor-sitting-table-working-sewing-machine-sewing-workshop_613910-5281.jpg",
|
||||
},
|
||||
id: "t1", name: "Marco Rossi", role: "Head Tanner", company: "Toscana Leathers", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/making-clothes-tailor-sitting-table-working-sewing-machine-sewing-workshop_613910-5281.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Elena Kim",
|
||||
role: "Production Lead",
|
||||
company: "Asia Tannery Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-getting-tan-solarium_1303-27778.jpg",
|
||||
},
|
||||
id: "t2", name: "Elena Kim", role: "Production Lead", company: "Asia Tannery Group", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-getting-tan-solarium_1303-27778.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Johnathan Smith",
|
||||
role: "Operations Dir",
|
||||
company: "Texas Hides",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-feminine-woman-with-eyes-closed-relaxing-steam-spa-wellness-center_637285-7478.jpg",
|
||||
},
|
||||
id: "t3", name: "Johnathan Smith", role: "Operations Dir", company: "Texas Hides", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-feminine-woman-with-eyes-closed-relaxing-steam-spa-wellness-center_637285-7478.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sophia Becker",
|
||||
role: "Procurement",
|
||||
company: "Euro Craft Leathers",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1169-92.jpg",
|
||||
},
|
||||
id: "t4", name: "Sophia Becker", role: "Procurement", company: "Euro Craft Leathers", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1169-92.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Ahmed Hassan",
|
||||
role: "Manager",
|
||||
company: "Nile Tanning Co",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop_23-2150914246.jpg",
|
||||
},
|
||||
id: "t5", name: "Ahmed Hassan", role: "Manager", company: "Nile Tanning Co", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop_23-2150914246.jpg"},
|
||||
]}
|
||||
title="Trusted by Tanneries Globally"
|
||||
description="Read success stories from leather processing partners who rely on our high-performance chemical solutions."
|
||||
@@ -296,28 +189,17 @@ export default function LandingPage() {
|
||||
description="Need specific chemical compositions? Request a consultation or sample shipment today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Work Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Work Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "company",
|
||||
type: "text",
|
||||
placeholder: "Company Name",
|
||||
required: true,
|
||||
name: "company", type: "text", placeholder: "Company Name", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your chemical requirements or questions",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Your chemical requirements or questions", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/automated-car-assembly-line-assembly-car-door-plant-automotive-industry-line-car-body_645730-690.jpg"
|
||||
@@ -329,54 +211,33 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
title: "Products", items: [
|
||||
{
|
||||
label: "Tanning Agents",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Tanning Agents", href: "#products"},
|
||||
{
|
||||
label: "Dyes & Pigments",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Dyes & Pigments", href: "#products"},
|
||||
{
|
||||
label: "Finishing Chemicals",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Finishing Chemicals", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Safety Data Sheets",
|
||||
href: "#",
|
||||
},
|
||||
label: "Safety Data Sheets", href: "#"},
|
||||
{
|
||||
label: "Tech Whitepapers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Tech Whitepapers", href: "#"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Sustainability",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sustainability", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user