Update src/app/page.tsx
This commit is contained in:
208
src/app/page.tsx
208
src/app/page.tsx
@@ -32,21 +32,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="Trac Forging"
|
||||
/>
|
||||
@@ -55,38 +47,19 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Precision Forging for Global Agriculture"
|
||||
description="Leading manufacturer of high-tensile fasteners and specialized components designed for extreme agricultural durability."
|
||||
tag="Advanced Agricultural Forging"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Product Catalog",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Product Catalog", href: "#products"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silver-aesthetic-wallpaper-with-accessories_23-2149871732.jpg",
|
||||
imageAlt: "agriculture fasteners industry close up",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silver-aesthetic-wallpaper-with-accessories_23-2149871732.jpg", imageAlt: "agriculture fasteners industry close up"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/water-metal-bar_1232-1205.jpg",
|
||||
imageAlt: "tractor part macro photography",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workout-weights-rack-barbell-dumbbells_1203-3784.jpg",
|
||||
imageAlt: "workout weights rack barbell dumbbells",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/club-rack-hand-interior-background_1203-5751.jpg",
|
||||
imageAlt: "club rack hand interior background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-mechanic-screw_23-2148558008.jpg",
|
||||
imageAlt: "Top view mechanic screw",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/water-metal-bar_1232-1205.jpg", imageAlt: "tractor part macro photography"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -100,9 +73,7 @@ export default function LandingPage() {
|
||||
title="Unmatched Durability in Every Component"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More About Us",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More About Us", href: "#about"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -115,30 +86,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Engineering",
|
||||
description: "Tolerances defined by aerospace standards.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/head-laser-cutting-machine_1339-4597.jpg",
|
||||
},
|
||||
title: "Precision Engineering", description: "Tolerances defined by aerospace standards.", imageSrc: "http://img.b2bpic.net/free-photo/head-laser-cutting-machine_1339-4597.jpg"},
|
||||
{
|
||||
title: "Automated Production",
|
||||
description: "High-volume, robotically assisted forging.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-controls-robotic-arm-futuristic-production-line-generated-by-ai_188544-20028.jpg",
|
||||
},
|
||||
title: "Automated Production", description: "High-volume, robotically assisted forging.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-controls-robotic-arm-futuristic-production-line-generated-by-ai_188544-20028.jpg"},
|
||||
{
|
||||
title: "Material Excellence",
|
||||
description: "Only the finest high-tensile steel grades.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop_23-2150914164.jpg",
|
||||
},
|
||||
title: "Material Excellence", description: "Only the finest high-tensile steel grades.", imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop_23-2150914164.jpg"},
|
||||
{
|
||||
title: "Advanced Metallurgy",
|
||||
description: "Custom alloy development for specific load-bearing requirements.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-measuring-tools-still-life_23-2150440962.jpg",
|
||||
},
|
||||
title: "Advanced Metallurgy", description: "Custom alloy development for specific load-bearing requirements.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-measuring-tools-still-life_23-2150440962.jpg"},
|
||||
{
|
||||
title: "Global Logistics",
|
||||
description: "Streamlined supply chain solutions for worldwide assembly lines.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-tool-wheel-hands-mechanic-blue-work-clothes_1157-46153.jpg",
|
||||
},
|
||||
title: "Global Logistics", description: "Streamlined supply chain solutions for worldwide assembly lines.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-tool-wheel-hands-mechanic-blue-work-clothes_1157-46153.jpg"},
|
||||
]}
|
||||
title="Why Choose Trac Forging"
|
||||
description="Engineering excellence that powers agricultural output worldwide."
|
||||
@@ -153,41 +109,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Heavy Duty Bolts",
|
||||
price: "$12.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/copper-pipes-burst-from-cold-break-copper-pipes-from-cold-closeup_169016-65199.jpg",
|
||||
},
|
||||
id: "p1", name: "Heavy Duty Bolts", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/copper-pipes-burst-from-cold-break-copper-pipes-from-cold-closeup_169016-65199.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Forged Steel Gears",
|
||||
price: "$84.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/leather-craft-tools-wooden-background-leather-craftmans-work-desk_8353-6072.jpg",
|
||||
},
|
||||
id: "p2", name: "Forged Steel Gears", price: "$84.50", imageSrc: "http://img.b2bpic.net/free-photo/leather-craft-tools-wooden-background-leather-craftmans-work-desk_8353-6072.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Machined Pins",
|
||||
price: "$5.25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rack-with-dumbbells_1203-1700.jpg",
|
||||
},
|
||||
id: "p3", name: "Machined Pins", price: "$5.25", imageSrc: "http://img.b2bpic.net/free-photo/rack-with-dumbbells_1203-1700.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Hexagonal Nuts",
|
||||
price: "$2.10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/terminal-blocks-distribution-blocks-close-up_169016-24831.jpg",
|
||||
},
|
||||
id: "p4", name: "Hexagonal Nuts", price: "$2.10", imageSrc: "http://img.b2bpic.net/free-photo/terminal-blocks-distribution-blocks-close-up_169016-24831.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Linkage Pin Assembly",
|
||||
price: "$22.40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silver-aesthetic-wallpaper-with-hair-clips_23-2149871680.jpg",
|
||||
},
|
||||
id: "p5", name: "Linkage Pin Assembly", price: "$22.40", imageSrc: "http://img.b2bpic.net/free-photo/silver-aesthetic-wallpaper-with-hair-clips_23-2149871680.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Complete Fastener Kit",
|
||||
price: "$129.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/repairing-tools_1417-1787.jpg",
|
||||
},
|
||||
id: "p6", name: "Complete Fastener Kit", price: "$129.99", imageSrc: "http://img.b2bpic.net/free-photo/repairing-tools_1417-1787.jpg"},
|
||||
]}
|
||||
title="Industry-Standard Fasteners"
|
||||
description="Shop our specialized range of high-performance components."
|
||||
@@ -201,28 +133,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150M+",
|
||||
title: "Components Produced",
|
||||
items: [
|
||||
"Annual output capacity",
|
||||
],
|
||||
id: "m1", value: "150M+", title: "Components Produced", items: [
|
||||
"Annual output capacity"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "40+",
|
||||
title: "Global Markets",
|
||||
items: [
|
||||
"Serving diverse agricultural regions",
|
||||
],
|
||||
id: "m2", value: "40+", title: "Global Markets", items: [
|
||||
"Serving diverse agricultural regions"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
title: "Quality Acceptance",
|
||||
items: [
|
||||
"Rigorous testing standards",
|
||||
],
|
||||
id: "m3", value: "99.9%", title: "Quality Acceptance", items: [
|
||||
"Rigorous testing standards"],
|
||||
},
|
||||
]}
|
||||
title="Delivering Results"
|
||||
@@ -235,30 +155,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-farmer-taking-care-his-business_329181-15984.jpg",
|
||||
},
|
||||
id: "1", name: "John Smith", imageSrc: "http://img.b2bpic.net/free-photo/young-farmer-taking-care-his-business_329181-15984.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Elena Rodriguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-manufacturing-specialist-enhancing-production-efficiency_482257-126818.jpg",
|
||||
},
|
||||
id: "2", name: "Elena Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/digital-manufacturing-specialist-enhancing-production-efficiency_482257-126818.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "David Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-logistic_23-2148886820.jpg",
|
||||
},
|
||||
id: "3", name: "David Chen", imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-logistic_23-2148886820.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah Miller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-workshop_329181-11863.jpg",
|
||||
},
|
||||
id: "4", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-workshop_329181-11863.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Marcus Thorne",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nature-lover-working-greenhouse_23-2149037334.jpg",
|
||||
},
|
||||
id: "5", name: "Marcus Thorne", imageSrc: "http://img.b2bpic.net/free-photo/nature-lover-working-greenhouse_23-2149037334.jpg"},
|
||||
]}
|
||||
cardTitle="Trusted by Leaders"
|
||||
cardTag="Customer Feedback"
|
||||
@@ -272,20 +177,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What material grades do you use?",
|
||||
content: "We work primarily with high-tensile alloys including AISI 4140, 8620, and 1045.",
|
||||
},
|
||||
id: "f1", title: "What material grades do you use?", content: "We work primarily with high-tensile alloys including AISI 4140, 8620, and 1045."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer custom forging?",
|
||||
content: "Yes, we specialize in high-volume custom forgings based on your specific blueprints.",
|
||||
},
|
||||
id: "f2", title: "Do you offer custom forging?", content: "Yes, we specialize in high-volume custom forgings based on your specific blueprints."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Where is your facility located?",
|
||||
content: "We operate state-of-the-art facilities with global distribution capabilities.",
|
||||
},
|
||||
id: "f3", title: "Where is your facility located?", content: "We operate state-of-the-art facilities with global distribution capabilities."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Information on our process and quality standards."
|
||||
@@ -300,20 +196,12 @@ export default function LandingPage() {
|
||||
description="Contact our engineering team to discuss your fastener needs."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Your Email"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your requirements",
|
||||
}}
|
||||
name: "message", placeholder: "Tell us about your requirements"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/experienced-worker-is-working-metal-factory-using-special-machine-tool_613910-5193.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -324,29 +212,19 @@ export default function LandingPage() {
|
||||
logoText="Trac Forging"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Catalog",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Catalog", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user