Merge version_1 into main #1
243
src/app/page.tsx
243
src/app/page.tsx
@@ -34,21 +34,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="SecureFence"
|
||||
/>
|
||||
@@ -57,46 +49,29 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Uncompromised Perimeter Security"
|
||||
description="State-of-the-art electric fencing solutions designed to protect your assets, livestock, and commercial properties with precision and reliability."
|
||||
tag="Advanced Security"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Solutions",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Solutions", href: "#products"},
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/japanese-house-entrance-fence_23-2149301047.jpg",
|
||||
imageAlt: "Electric Fence Line",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/japanese-house-entrance-fence_23-2149301047.jpg", imageAlt: "Electric Fence Line"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hill-slope-with-growing-trees-village-road-with-truck-forest-moldova_1268-15991.jpg",
|
||||
imageAlt: "Agricultural Fencing",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hill-slope-with-growing-trees-village-road-with-truck-forest-moldova_1268-15991.jpg", imageAlt: "Agricultural Fencing"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/parasol-located-old-quarter-seville_268835-15508.jpg",
|
||||
imageAlt: "Fence Security Close-up",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/parasol-located-old-quarter-seville_268835-15508.jpg", imageAlt: "Fence Security Close-up"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/basketball-court_1137-169.jpg",
|
||||
imageAlt: "Property Perimeter",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/basketball-court_1137-169.jpg", imageAlt: "Property Perimeter"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sportswear-outdoors-exercising_23-2149063671.jpg",
|
||||
imageAlt: "Industrial Security",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sportswear-outdoors-exercising_23-2149063671.jpg", imageAlt: "Industrial Security"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metal-fence-against-background-blue-boundless-sky-blurred-background-idea-freedom-removal-restrictions-background-poster-postcard_166373-3481.jpg",
|
||||
imageAlt: "Farm Security",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metal-fence-against-background-blue-boundless-sky-blurred-background-idea-freedom-removal-restrictions-background-poster-postcard_166373-3481.jpg", imageAlt: "Farm Security"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -121,23 +96,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Smart Voltage Monitoring",
|
||||
description: "Real-time alerts via cellular data ensure you never lose track of your perimeter's safety.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039367.jpg",
|
||||
imageAlt: "Voltage Monitoring",
|
||||
},
|
||||
title: "Smart Voltage Monitoring", description: "Real-time alerts via cellular data ensure you never lose track of your perimeter's safety.", imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039367.jpg", imageAlt: "Voltage Monitoring"},
|
||||
{
|
||||
title: "Weather-Proof Components",
|
||||
description: "High-density UV-stabilized polymers ensure long-term performance in all climates.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/landscape-shot-brown-wooden-fence-mini-forest-with-clear-blue-sky_181624-17330.jpg",
|
||||
imageAlt: "Durable Insulators",
|
||||
},
|
||||
title: "Weather-Proof Components", description: "High-density UV-stabilized polymers ensure long-term performance in all climates.", imageSrc: "http://img.b2bpic.net/free-photo/landscape-shot-brown-wooden-fence-mini-forest-with-clear-blue-sky_181624-17330.jpg", imageAlt: "Durable Insulators"},
|
||||
{
|
||||
title: "Sustainable Solar Power",
|
||||
description: "Off-grid energizer units providing constant power without needing mains electricity.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-plants-growing-very-large-plant-commercial-greenhouse_273609-14279.jpg",
|
||||
imageAlt: "Solar Energizer",
|
||||
},
|
||||
title: "Sustainable Solar Power", description: "Off-grid energizer units providing constant power without needing mains electricity.", imageSrc: "http://img.b2bpic.net/free-photo/young-plants-growing-very-large-plant-commercial-greenhouse_273609-14279.jpg", imageAlt: "Solar Energizer"},
|
||||
]}
|
||||
title="Key Security Features"
|
||||
description="Why choose SecureFence for your perimeter requirements?"
|
||||
@@ -152,47 +115,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Pro Energizer X1",
|
||||
price: "$450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/night-portrait-girl-model-wear-jeans-leather-jacket-against-iron-fence_627829-11275.jpg",
|
||||
imageAlt: "Electric fence energizer pro",
|
||||
},
|
||||
id: "p1", name: "Pro Energizer X1", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/night-portrait-girl-model-wear-jeans-leather-jacket-against-iron-fence_627829-11275.jpg", imageAlt: "Electric fence energizer pro"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "High-Tensile Wire (500m)",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-holding-onto-metal-grid_23-2148208886.jpg",
|
||||
imageAlt: "Electric fence wire coil",
|
||||
},
|
||||
id: "p2", name: "High-Tensile Wire (500m)", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-holding-onto-metal-grid_23-2148208886.jpg", imageAlt: "Electric fence wire coil"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Heavy Duty Gate Handle",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-textures_23-2149702198.jpg",
|
||||
imageAlt: "Fence gate handle insulated",
|
||||
},
|
||||
id: "p3", name: "Heavy Duty Gate Handle", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-textures_23-2149702198.jpg", imageAlt: "Fence gate handle insulated"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Fence Monitor Sensor",
|
||||
price: "$85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-spraying-powder-paint_23-2149714280.jpg",
|
||||
imageAlt: "Fence line monitor digital",
|
||||
},
|
||||
id: "p4", name: "Fence Monitor Sensor", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-spraying-powder-paint_23-2149714280.jpg", imageAlt: "Fence line monitor digital"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Lightning Protection Unit",
|
||||
price: "$40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-fence-with-parking-background_23-2148242252.jpg",
|
||||
imageAlt: "Electric fence lightning protection",
|
||||
},
|
||||
id: "p5", name: "Lightning Protection Unit", price: "$40", imageSrc: "http://img.b2bpic.net/free-photo/closeup-fence-with-parking-background_23-2148242252.jpg", imageAlt: "Electric fence lightning protection"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Safety Warning Signs (Pack of 5)",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/danger-sign-high-voltage-electricity-yellow-triangle-hazard-sign-with-lightning-old-gray-cracked-background-close-up-with-copy-space_166373-1594.jpg",
|
||||
imageAlt: "Electric fence warning sign",
|
||||
},
|
||||
id: "p6", name: "Safety Warning Signs (Pack of 5)", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/danger-sign-high-voltage-electricity-yellow-triangle-hazard-sign-with-lightning-old-gray-cracked-background-close-up-with-copy-space_166373-1594.jpg", imageAlt: "Electric fence warning sign"},
|
||||
]}
|
||||
title="Professional Grade Equipment"
|
||||
description="Browse our catalog of high-performance electric fencing gear."
|
||||
@@ -201,33 +134,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15,000+",
|
||||
title: "Miles Secured",
|
||||
description: "Perimeter lines protected worldwide.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indian-woman-dispatcher-works-with-isolated-copyspace-screen_482257-87928.jpg",
|
||||
imageAlt: "data security map visualization",
|
||||
},
|
||||
id: "m1", value: "15,000+", title: "Miles Secured", description: "Perimeter lines protected worldwide.", imageSrc: "http://img.b2bpic.net/free-photo/indian-woman-dispatcher-works-with-isolated-copyspace-screen_482257-87928.jpg", imageAlt: "data security map visualization"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
title: "System Uptime",
|
||||
description: "Reliable monitoring around the clock.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-factory-experts-optimizing-assembly-line-conveyor-belts_482257-126221.jpg",
|
||||
imageAlt: "voltage graph real-time",
|
||||
},
|
||||
id: "m2", value: "99.9%", title: "System Uptime", description: "Reliable monitoring around the clock.", imageSrc: "http://img.b2bpic.net/free-photo/smart-factory-experts-optimizing-assembly-line-conveyor-belts_482257-126221.jpg", imageAlt: "voltage graph real-time"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Support Availability",
|
||||
description: "Instant response for all critical alerts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stockbroker-shirt-is-working-monitoring-room-with-display-screens-stock-exchange-trading-forex-finance-graphic-concept-businessmen-trading-stocks-online_146671-15027.jpg",
|
||||
imageAlt: "uptime monitoring 99.9",
|
||||
},
|
||||
id: "m3", value: "24/7", title: "Support Availability", description: "Instant response for all critical alerts.", imageSrc: "http://img.b2bpic.net/free-photo/stockbroker-shirt-is-working-monitoring-room-with-display-screens-stock-exchange-trading-forex-finance-graphic-concept-businessmen-trading-stocks-online_146671-15027.jpg", imageAlt: "uptime monitoring 99.9"},
|
||||
]}
|
||||
title="Performance at a Glance"
|
||||
description="Proven reliability in the field."
|
||||
@@ -241,40 +157,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Farm Owner",
|
||||
testimonial: "SecureFence has kept my livestock safe for 5 years without a single fault.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/country-music-interpret-singing-outdoors_23-2149498455.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "Farm Owner", testimonial: "SecureFence has kept my livestock safe for 5 years without a single fault.", imageSrc: "http://img.b2bpic.net/free-photo/country-music-interpret-singing-outdoors_23-2149498455.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Site Manager",
|
||||
testimonial: "The cellular monitoring saves me hours of manual checks every week.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-coffee-shop_23-2149434556.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "Site Manager", testimonial: "The cellular monitoring saves me hours of manual checks every week.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-coffee-shop_23-2149434556.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Consultant",
|
||||
testimonial: "Professional grade equipment and fantastic support. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-male-gardener-wearing-gardening-hat-holding-plant-isolated-olive-green-wall_141793-102744.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Consultant", testimonial: "Professional grade equipment and fantastic support. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-male-gardener-wearing-gardening-hat-holding-plant-isolated-olive-green-wall_141793-102744.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Security Head",
|
||||
testimonial: "The most reliable high-tensile wire I've found on the market.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-factory-engineering-team-colleagues-implement-automated-workflows_482257-126855.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Security Head", testimonial: "The most reliable high-tensile wire I've found on the market.", imageSrc: "http://img.b2bpic.net/free-photo/smart-factory-engineering-team-colleagues-implement-automated-workflows_482257-126855.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "James Wilson",
|
||||
role: "Vineyard Manager",
|
||||
testimonial: "My crops have never been more secure. The installation was seamless.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-farmer-taking-care-his-business_329181-15995.jpg",
|
||||
},
|
||||
id: "5", name: "James Wilson", role: "Vineyard Manager", testimonial: "My crops have never been more secure. The installation was seamless.", imageSrc: "http://img.b2bpic.net/free-photo/young-farmer-taking-care-his-business_329181-15995.jpg"},
|
||||
]}
|
||||
title="Trusted by Experts"
|
||||
description="Hear what our clients say about SecureFence."
|
||||
@@ -286,14 +177,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"AgriCorp Global",
|
||||
"Premier Security Group",
|
||||
"TechFarm Solutions",
|
||||
"Infrastructure Dynamics",
|
||||
"Solar Power Pros",
|
||||
"Livestock Logistics",
|
||||
"High-Voltage Services",
|
||||
]}
|
||||
"AgriCorp Global", "Premier Security Group", "TechFarm Solutions", "Infrastructure Dynamics", "Solar Power Pros", "Livestock Logistics", "High-Voltage Services"]}
|
||||
title="Partners & Clients"
|
||||
description="Working with leaders in the agriculture and industry sector."
|
||||
/>
|
||||
@@ -305,20 +189,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is electric fencing safe?",
|
||||
content: "Yes, our systems deliver a short, high-voltage pulse that is safe for both humans and animals, strictly adhering to international standards.",
|
||||
},
|
||||
id: "f1", title: "Is electric fencing safe?", content: "Yes, our systems deliver a short, high-voltage pulse that is safe for both humans and animals, strictly adhering to international standards."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do I need mains power?",
|
||||
content: "Not necessarily. We offer a full range of solar energizers that allow installation in even the most remote locations.",
|
||||
},
|
||||
id: "f2", title: "Do I need mains power?", content: "Not necessarily. We offer a full range of solar energizers that allow installation in even the most remote locations."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How often should I monitor it?",
|
||||
content: "Our smart monitoring systems track the voltage continuously and will notify your smartphone immediately if a fault is detected.",
|
||||
},
|
||||
id: "f3", title: "How often should I monitor it?", content: "Our smart monitoring systems track the voltage continuously and will notify your smartphone immediately if a fault is detected."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers to help you get started."
|
||||
@@ -330,16 +205,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Let's Talk"
|
||||
title="Ready to Secure Your Perimeter?"
|
||||
description="Contact our engineering team for a customized site assessment and quote."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -349,50 +221,31 @@ export default function LandingPage() {
|
||||
logoText="SecureFence"
|
||||
columns={[
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
title: "Products", items: [
|
||||
{
|
||||
label: "Energizers",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Energizers", href: "#products"},
|
||||
{
|
||||
label: "Wire & Hardware",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Wire & Hardware", href: "#products"},
|
||||
{
|
||||
label: "Monitors",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Monitors", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
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