Merge version_2 into main #1
155
src/app/page.tsx
155
src/app/page.tsx
@@ -29,17 +29,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Safety",
|
||||
id: "safety",
|
||||
},
|
||||
name: "Safety", id: "safety"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="SafetyFirst"
|
||||
/>
|
||||
@@ -48,15 +42,12 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Protect What Matters Most"
|
||||
description="Premium fire extinguishers and certified exit signage for your business and home. Reliable safety starts here."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Equipment",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Equipment", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fire-extinguisher_53876-75136.jpg"
|
||||
imageAlt="Fire extinguisher mounted on a white industrial wall"
|
||||
@@ -71,41 +62,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "ABC Fire Extinguisher",
|
||||
price: "$89.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/basic-fire-fighting-evacuation-fire-drill-simulation-training-safety-condominium-factory_640221-70.jpg",
|
||||
},
|
||||
id: "p1", name: "ABC Fire Extinguisher", price: "£89.99", imageSrc: "http://img.b2bpic.net/free-photo/basic-fire-fighting-evacuation-fire-drill-simulation-training-safety-condominium-factory_640221-70.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Emergency Exit Sign",
|
||||
price: "$24.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exit-sign-closeup_23-2148242285.jpg",
|
||||
},
|
||||
id: "p2", name: "Emergency Exit Sign", price: "£24.50", imageSrc: "http://img.b2bpic.net/free-photo/exit-sign-closeup_23-2148242285.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Co2 Fire Extinguisher",
|
||||
price: "$129.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fire-alarm-switch_1339-1888.jpg",
|
||||
},
|
||||
id: "p3", name: "Co2 Fire Extinguisher", price: "£129.99", imageSrc: "http://img.b2bpic.net/free-photo/fire-alarm-switch_1339-1888.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Fire Safety Blanket",
|
||||
price: "$45.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/newspaper-with-headline-fire-contained-amidst-debris_23-2152006640.jpg",
|
||||
},
|
||||
id: "p4", name: "Fire Safety Blanket", price: "£45.00", imageSrc: "http://img.b2bpic.net/free-photo/newspaper-with-headline-fire-contained-amidst-debris_23-2152006640.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Manual Alarm Call Point",
|
||||
price: "$35.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-emergency-exit-sign-ceiling_53876-123089.jpg",
|
||||
},
|
||||
id: "p5", name: "Manual Alarm Call Point", price: "£35.00", imageSrc: "http://img.b2bpic.net/free-photo/green-emergency-exit-sign-ceiling_53876-123089.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Emergency Lighting Unit",
|
||||
price: "$59.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glommy-grunge-narrow-steel-room-concept_53876-14423.jpg",
|
||||
},
|
||||
id: "p6", name: "Emergency Lighting Unit", price: "£59.00", imageSrc: "http://img.b2bpic.net/free-photo/glommy-grunge-narrow-steel-room-concept_53876-14423.jpg"},
|
||||
]}
|
||||
title="Safety Equipment"
|
||||
description="Essential fire protection gear for your facility."
|
||||
@@ -119,20 +86,11 @@ export default function LandingPage() {
|
||||
tag="Safety Stats"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
description: "OSHA Certified Compliance",
|
||||
},
|
||||
id: "m1", value: "100%", description: "OSHA Certified Compliance"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
description: "Emergency Reliability",
|
||||
},
|
||||
id: "m2", value: "24/7", description: "Emergency Reliability"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5k+",
|
||||
description: "Facilities Equipped",
|
||||
},
|
||||
id: "m3", value: "5k+", description: "Facilities Equipped"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -144,40 +102,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Facilities Manager",
|
||||
testimonial: "Excellent service and high-quality equipment. Everything arrived on time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mature-businessman-using-digital-tablet-caf_23-2147955292.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", role: "Facilities Manager", testimonial: "Excellent service and high-quality equipment. Everything arrived on time.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-mature-businessman-using-digital-tablet-caf_23-2147955292.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Doe",
|
||||
role: "Safety Director",
|
||||
testimonial: "The exit signage met all our local building codes perfectly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-construction_23-2150772851.jpg",
|
||||
},
|
||||
id: "2", name: "John Doe", role: "Safety Director", testimonial: "The exit signage met all our local building codes perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-construction_23-2150772851.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Alex Riv",
|
||||
role: "Site Owner",
|
||||
testimonial: "Solid construction on these fire extinguishers, feel much safer now.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5391.jpg",
|
||||
},
|
||||
id: "3", name: "Alex Riv", role: "Site Owner", testimonial: "Solid construction on these fire extinguishers, feel much safer now.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5391.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Dana Kim",
|
||||
role: "Building Supervisor",
|
||||
testimonial: "Quick delivery and great customer support for our large project.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-construction-worker-wearing-safety-helmet_176474-86050.jpg",
|
||||
},
|
||||
id: "4", name: "Dana Kim", role: "Building Supervisor", testimonial: "Quick delivery and great customer support for our large project.", imageSrc: "http://img.b2bpic.net/free-photo/young-construction-worker-wearing-safety-helmet_176474-86050.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sam Webb",
|
||||
role: "Health & Safety",
|
||||
testimonial: "Top tier compliance products for our commercial space.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glasses-smiling-arm-horizontal-front_1262-2739.jpg",
|
||||
},
|
||||
id: "5", name: "Sam Webb", role: "Health & Safety", testimonial: "Top tier compliance products for our commercial space.", imageSrc: "http://img.b2bpic.net/free-photo/glasses-smiling-arm-horizontal-front_1262-2739.jpg"},
|
||||
]}
|
||||
title="Trusted by Safety Experts"
|
||||
description="We help thousands of facilities stay code-compliant and prepared."
|
||||
@@ -188,8 +121,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Get In Touch"
|
||||
title="Contact Our Experts"
|
||||
description="Need a safety audit or volume discount? Let's talk."
|
||||
@@ -203,54 +135,33 @@ export default function LandingPage() {
|
||||
logoText="SafetyFirst"
|
||||
columns={[
|
||||
{
|
||||
title: "Equipment",
|
||||
items: [
|
||||
title: "Equipment", items: [
|
||||
{
|
||||
label: "Extinguishers",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Extinguishers", href: "#products"},
|
||||
{
|
||||
label: "Signs",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Signs", href: "#products"},
|
||||
{
|
||||
label: "Safety Kits",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Safety Kits", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Compliance",
|
||||
href: "#",
|
||||
},
|
||||
label: "Compliance", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Returns", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -259,4 +170,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user