Merge version_1 into main #2
274
src/app/page.tsx
274
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="LubeTech"
|
||||
/>
|
||||
@@ -59,69 +51,37 @@ export default function LandingPage() {
|
||||
description="Our premium lubricant sprays deliver maximum protection, extreme pressure resistance, and long-lasting mechanical efficiency."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John Smith",
|
||||
handle: "@factorymgr",
|
||||
testimonial: "The best protection we've found for our heavy duty machinery.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-executive-looking-information_1098-2091.jpg?_wi=1",
|
||||
},
|
||||
name: "John Smith", handle: "@factorymgr", testimonial: "The best protection we've found for our heavy duty machinery.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-executive-looking-information_1098-2091.jpg"},
|
||||
{
|
||||
name: "Sarah Miller",
|
||||
handle: "@ops_lead",
|
||||
testimonial: "Incredible durability under continuous load conditions.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-man-holding-notebook_23-2149333047.jpg?_wi=1",
|
||||
},
|
||||
name: "Sarah Miller", handle: "@ops_lead", testimonial: "Incredible durability under continuous load conditions.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-man-holding-notebook_23-2149333047.jpg"},
|
||||
{
|
||||
name: "Robert Chen",
|
||||
handle: "@lead_eng",
|
||||
testimonial: "Reduced our gear wear by nearly 40% in just three months.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-engineer-young-worker-cooperating-while-analyzing-reports-steel-factory_637285-4088.jpg?_wi=1",
|
||||
},
|
||||
name: "Robert Chen", handle: "@lead_eng", testimonial: "Reduced our gear wear by nearly 40% in just three months.", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-engineer-young-worker-cooperating-while-analyzing-reports-steel-factory_637285-4088.jpg"},
|
||||
{
|
||||
name: "Emily Davis",
|
||||
handle: "@maint_mgr",
|
||||
testimonial: "Simple to apply and the performance is unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-worker-uniform-covering-eyes-with-hand-looking-excited-front-view_176474-34396.jpg?_wi=1",
|
||||
},
|
||||
name: "Emily Davis", handle: "@maint_mgr", testimonial: "Simple to apply and the performance is unmatched.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-worker-uniform-covering-eyes-with-hand-looking-excited-front-view_176474-34396.jpg"},
|
||||
{
|
||||
name: "David Wilson",
|
||||
handle: "@tech_lead",
|
||||
testimonial: "We trust LubeTech for all our critical maintenance tasks.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineer-helmet-standing-by-factory_1157-35520.jpg?_wi=1",
|
||||
},
|
||||
name: "David Wilson", handle: "@tech_lead", testimonial: "We trust LubeTech for all our critical maintenance tasks.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineer-helmet-standing-by-factory_1157-35520.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Products",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Products", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/milk-jug-with-green-label-cap-white-background_187299-46303.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/milk-jug-with-green-label-cap-white-background_187299-46303.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-self-care-items-arrangement_23-2150347124.jpg",
|
||||
alt: "Male self-care items",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/male-self-care-items-arrangement_23-2150347124.jpg", alt: "Male self-care items"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/silver-aesthetic-wallpaper-with-bottles-high-angle_23-2149871764.jpg",
|
||||
alt: "Silver aesthetic bottles",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/silver-aesthetic-wallpaper-with-bottles-high-angle_23-2149871764.jpg", alt: "Silver aesthetic bottles"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bottle-with-mens-shampoo-hand-white-background-space-text_185193-161809.jpg",
|
||||
alt: "Shampoo bottle",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/bottle-with-mens-shampoo-hand-white-background-space-text_185193-161809.jpg", alt: "Shampoo bottle"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/flavor-condiment-based-tomatoes_23-2151011134.jpg",
|
||||
alt: "Condiment bottle",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/flavor-condiment-based-tomatoes_23-2151011134.jpg", alt: "Condiment bottle"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-business-man-working-laptop-lobby_1262-5095.jpg",
|
||||
alt: "Business professional",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-business-man-working-laptop-lobby_1262-5095.jpg", alt: "Business professional"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -133,7 +93,7 @@ export default function LandingPage() {
|
||||
title="Unrivaled Engineering Excellence"
|
||||
description="Built on decades of research and rigorous testing, LubeTech delivers solutions for the world's most demanding environments."
|
||||
subdescription="We specialize in protecting assets that power the global economy."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/working-process-steel-factory_140725-7627.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/working-process-steel-factory_140725-7627.jpg"
|
||||
icon={Settings}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -146,64 +106,43 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Corrosion Defense",
|
||||
description: "Molecular barriers that prevent rust in saltwater and humid conditions.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/virus-with-abstract-shape_1048-1473.jpg",
|
||||
},
|
||||
title: "Corrosion Defense", description: "Molecular barriers that prevent rust in saltwater and humid conditions.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/virus-with-abstract-shape_1048-1473.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Anti-Rust Formula",
|
||||
},
|
||||
text: "Anti-Rust Formula"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Moisture Displacement",
|
||||
},
|
||||
text: "Moisture Displacement"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/milk-jug-with-green-label-cap-white-background_187299-46303.jpg?_wi=2",
|
||||
imageAlt: "protective lubricant layer",
|
||||
},
|
||||
{
|
||||
title: "Thermal Stability",
|
||||
description: "Retains viscosity in extreme cold and blistering heat alike.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-warmth-thermometer_1149-275.jpg",
|
||||
},
|
||||
title: "Thermal Stability", description: "Retains viscosity in extreme cold and blistering heat alike.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-warmth-thermometer_1149-275.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "High Performance",
|
||||
},
|
||||
text: "High Performance"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Reliability",
|
||||
},
|
||||
text: "Reliability"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-process-steel-factory_140725-7627.jpg?_wi=2",
|
||||
imageAlt: "protective lubricant layer",
|
||||
},
|
||||
{
|
||||
title: "Mechanical Longevity",
|
||||
description: "Reduces wear on moving parts to decrease maintenance costs.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139362.jpg",
|
||||
},
|
||||
title: "Mechanical Longevity", description: "Reduces wear on moving parts to decrease maintenance costs.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139362.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: Star,
|
||||
text: "Less Friction",
|
||||
},
|
||||
text: "Less Friction"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Reduced Wear",
|
||||
},
|
||||
text: "Reduced Wear"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silver-aesthetic-wallpaper-with-bottles_23-2149871763.jpg?_wi=1",
|
||||
imageAlt: "protective lubricant layer",
|
||||
},
|
||||
]}
|
||||
title="Why Professional Grade Matters"
|
||||
@@ -219,47 +158,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Heavy Duty Grease",
|
||||
price: "$29.99",
|
||||
variant: "Spray",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silver-aesthetic-wallpaper-with-bottles_23-2149871763.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Heavy Duty Grease", price: "$29.99", variant: "Spray", imageSrc: "http://img.b2bpic.net/free-photo/silver-aesthetic-wallpaper-with-bottles_23-2149871763.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Fast Acting Penetrant",
|
||||
price: "$19.99",
|
||||
variant: "Spray",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/zero-waste-containers-arrangement_23-2149295044.jpg",
|
||||
},
|
||||
id: "p2", name: "Fast Acting Penetrant", price: "$19.99", variant: "Spray", imageSrc: "http://img.b2bpic.net/free-photo/zero-waste-containers-arrangement_23-2149295044.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Silicone Lubricant",
|
||||
price: "$24.99",
|
||||
variant: "Spray",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottles-milk-arrangement-still-life_23-2150642897.jpg",
|
||||
},
|
||||
id: "p3", name: "Silicone Lubricant", price: "$24.99", variant: "Spray", imageSrc: "http://img.b2bpic.net/free-photo/bottles-milk-arrangement-still-life_23-2150642897.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Dry Moly Lubricant",
|
||||
price: "$34.99",
|
||||
variant: "Spray",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beer-kegs-white_1398-2527.jpg",
|
||||
},
|
||||
id: "p4", name: "Dry Moly Lubricant", price: "$34.99", variant: "Spray", imageSrc: "http://img.b2bpic.net/free-photo/beer-kegs-white_1398-2527.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "White Lithium Grease",
|
||||
price: "$22.99",
|
||||
variant: "Spray",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/forklift-is-lifting-oil-barrels-made-saudi-arabia-warehouse_35913-3138.jpg",
|
||||
},
|
||||
id: "p5", name: "White Lithium Grease", price: "$22.99", variant: "Spray", imageSrc: "http://img.b2bpic.net/free-photo/forklift-is-lifting-oil-barrels-made-saudi-arabia-warehouse_35913-3138.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Chain & Cable Lube",
|
||||
price: "$27.99",
|
||||
variant: "Spray",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kegs-beer-regular-rows_1398-2526.jpg",
|
||||
},
|
||||
id: "p6", name: "Chain & Cable Lube", price: "$27.99", variant: "Spray", imageSrc: "http://img.b2bpic.net/free-photo/kegs-beer-regular-rows_1398-2526.jpg"},
|
||||
]}
|
||||
title="Our Lubricant Collection"
|
||||
description="Premium industrial grade sprays for every application."
|
||||
@@ -273,28 +182,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "45%",
|
||||
title: "Reduction in Wear",
|
||||
items: [
|
||||
"Tested across 500+ machines",
|
||||
],
|
||||
id: "m1", value: "45%", title: "Reduction in Wear", items: [
|
||||
"Tested across 500+ machines"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
title: "Rust Prevention",
|
||||
items: [
|
||||
"ASTM B117 Standard",
|
||||
],
|
||||
id: "m2", value: "99.9%", title: "Rust Prevention", items: [
|
||||
"ASTM B117 Standard"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "10x",
|
||||
title: "Lasting Power",
|
||||
items: [
|
||||
"Compared to competitor brands",
|
||||
],
|
||||
id: "m3", value: "10x", title: "Lasting Power", items: [
|
||||
"Compared to competitor brands"],
|
||||
},
|
||||
]}
|
||||
title="Proven Results"
|
||||
@@ -309,40 +206,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
handle: "Operations Lead",
|
||||
testimonial: "Our maintenance windows are significantly reduced since switching.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-executive-looking-information_1098-2091.jpg?_wi=2",
|
||||
},
|
||||
id: "t1", name: "Sarah Miller", handle: "Operations Lead", testimonial: "Our maintenance windows are significantly reduced since switching.", imageSrc: "http://img.b2bpic.net/free-photo/happy-executive-looking-information_1098-2091.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Robert Chen",
|
||||
handle: "Lead Engineer",
|
||||
testimonial: "Extreme reliability in all environment conditions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-man-holding-notebook_23-2149333047.jpg?_wi=2",
|
||||
},
|
||||
id: "t2", name: "Robert Chen", handle: "Lead Engineer", testimonial: "Extreme reliability in all environment conditions.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-man-holding-notebook_23-2149333047.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Davis",
|
||||
handle: "Factory Foreman",
|
||||
testimonial: "The best value per use on the industrial market.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-engineer-young-worker-cooperating-while-analyzing-reports-steel-factory_637285-4088.jpg?_wi=2",
|
||||
},
|
||||
id: "t3", name: "Emily Davis", handle: "Factory Foreman", testimonial: "The best value per use on the industrial market.", imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-engineer-young-worker-cooperating-while-analyzing-reports-steel-factory_637285-4088.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Wilson",
|
||||
handle: "Mechanical Tech",
|
||||
testimonial: "Simple to apply, incredibly durable, just excellent.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-worker-uniform-covering-eyes-with-hand-looking-excited-front-view_176474-34396.jpg?_wi=2",
|
||||
},
|
||||
id: "t4", name: "David Wilson", handle: "Mechanical Tech", testimonial: "Simple to apply, incredibly durable, just excellent.", imageSrc: "http://img.b2bpic.net/free-photo/young-female-worker-uniform-covering-eyes-with-hand-looking-excited-front-view_176474-34396.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "James Anderson",
|
||||
handle: "Maintenance Manager",
|
||||
testimonial: "Reduced our overall wear on gears by nearly half.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineer-helmet-standing-by-factory_1157-35520.jpg?_wi=2",
|
||||
},
|
||||
id: "t5", name: "James Anderson", handle: "Maintenance Manager", testimonial: "Reduced our overall wear on gears by nearly half.", imageSrc: "http://img.b2bpic.net/free-photo/engineer-helmet-standing-by-factory_1157-35520.jpg"},
|
||||
]}
|
||||
title="Industry Trusted"
|
||||
description="Leaders in industrial maintenance trust LubeTech."
|
||||
@@ -354,20 +226,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Can I use this for precision parts?",
|
||||
content: "Absolutely. Our formulas are designed for high-precision components.",
|
||||
},
|
||||
id: "f1", title: "Can I use this for precision parts?", content: "Absolutely. Our formulas are designed for high-precision components."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Does it cause residue buildup?",
|
||||
content: "Our non-gummy formula ensures minimal buildup even after extended use.",
|
||||
},
|
||||
id: "f2", title: "Does it cause residue buildup?", content: "Our non-gummy formula ensures minimal buildup even after extended use."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer bulk pricing?",
|
||||
content: "Yes, we offer specialized enterprise pricing for large industrial accounts.",
|
||||
},
|
||||
id: "f3", title: "Do you offer bulk pricing?", content: "Yes, we offer specialized enterprise pricing for large industrial accounts."},
|
||||
]}
|
||||
sideTitle="Questions? We have answers."
|
||||
faqsAnimation="slide-up"
|
||||
@@ -378,14 +241,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
text="Ready to improve your operations? Talk to our experts today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Support", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -395,29 +255,19 @@ export default function LandingPage() {
|
||||
logoText="LubeTech"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Products", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Use", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user