Merge version_2 into main #4
@@ -3,15 +3,15 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Award, Building, Building2, Globe, MapPin, Scale, Smile } from "lucide-react";
|
||||
import { AlertTriangle, Award, Building, Building2, Globe, MapPin, Scale, Smile } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,14 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="British Polythene Industries"
|
||||
button={{ text: "Get Quote", href: "#contact" }}
|
||||
@@ -54,14 +50,26 @@ export default function LandingPage() {
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/background-design-with-diagonal-dark-blue-line-pattern-ai-generated-image_511042-658.jpg?_wi=1", imageAlt: "industrial geometric background navy gold" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/background-design-with-diagonal-dark-blue-line-pattern-ai-generated-image_511042-658.jpg?_wi=2", imageAlt: "industrial geometric background navy gold" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/background-design-with-diagonal-dark-blue-line-pattern-ai-generated-image_511042-658.jpg?_wi=3", imageAlt: "industrial geometric background navy gold" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/background-design-with-diagonal-dark-blue-line-pattern-ai-generated-image_511042-658.jpg?_wi=4", imageAlt: "industrial geometric background navy gold" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/background-design-with-diagonal-dark-blue-line-pattern-ai-generated-image_511042-658.jpg?_wi=5", imageAlt: "industrial geometric background navy gold" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/background-design-with-diagonal-dark-blue-line-pattern-ai-generated-image_511042-658.jpg?_wi=6", imageAlt: "industrial geometric background navy gold" }
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/background-design-with-diagonal-dark-blue-line-pattern-ai-generated-image_511042-658.jpg?_wi=3", imageAlt: "industrial geometric background navy gold" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="emergency" data-section="emergency">
|
||||
<div className="py-12 bg-red-900/10 border-y border-red-500/20">
|
||||
<div className="max-w-4xl mx-auto px-6 text-center">
|
||||
<div className="flex items-center justify-center mb-4 text-red-600">
|
||||
<AlertTriangle size={48} />
|
||||
</div>
|
||||
<h2 className="text-3xl font-bold mb-2">Emergency Support</h2>
|
||||
<p className="text-lg opacity-80">Critical infrastructure failures require immediate response. Our emergency dispatch team is available 24/7 for urgent technical assistance.</p>
|
||||
<a href="tel:+441475501000" className="inline-block mt-6 px-8 py-3 bg-red-600 text-white rounded-full font-semibold hover:bg-red-700 transition-all">
|
||||
Call Emergency Dispatch: +44 1475 501000
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
@@ -101,10 +109,7 @@ export default function LandingPage() {
|
||||
products={[
|
||||
{ id: "p1", name: "Agricultural Films", price: "High Performance", imageSrc: "http://img.b2bpic.net/free-photo/top-view-glasses-abstract-table_23-2149974230.jpg" },
|
||||
{ id: "p2", name: "Industrial Packaging", price: "Heavy Duty", imageSrc: "http://img.b2bpic.net/free-photo/close-up-perforated-fabric_23-2149894546.jpg" },
|
||||
{ id: "p3", name: "Construction Membranes", price: "Certified", imageSrc: "http://img.b2bpic.net/free-photo/close-up-perforated-fabric_23-2149894524.jpg" },
|
||||
{ id: "p4", name: "Geomembranes", price: "Environmental", imageSrc: "http://img.b2bpic.net/free-photo/close-up-perforated-fabric_23-2149894536.jpg" },
|
||||
{ id: "p5", name: "Food Films", price: "Hygienic", imageSrc: "http://img.b2bpic.net/free-photo/healthy-food-plastic-bags_23-2148309903.jpg" },
|
||||
{ id: "p6", name: "Bespoke Solutions", price: "Customized", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-crafting-objects-arrangement_23-2148742304.jpg" }
|
||||
{ id: "p3", name: "Construction Membranes", price: "Certified", imageSrc: "http://img.b2bpic.net/free-photo/close-up-perforated-fabric_23-2149894524.jpg" }
|
||||
]}
|
||||
title="Our Industrial Solutions"
|
||||
description="Comprehensive range of high-performance polythene products engineered for demanding environments."
|
||||
@@ -118,9 +123,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "30% Recycled Content", subtitle: "Minimizing carbon footprint", category: "Sustainability", value: "2025 Goal" },
|
||||
{ id: "f2", title: "Net Zero 2040", subtitle: "Carbon neutral manufacturing", category: "Climate", value: "Target" },
|
||||
{ id: "f3", title: "Take-Back Scheme", subtitle: "Circular loop initiatives", category: "Operations", value: "Active" },
|
||||
{ id: "f4", title: "Renewable Power", subtitle: "100% green energy sourcing", category: "Energy", value: "Enabled" }
|
||||
{ id: "f2", title: "Net Zero 2040", subtitle: "Carbon neutral manufacturing", category: "Climate", value: "Target" }
|
||||
]}
|
||||
title="Sustainability Commitment"
|
||||
description="Pioneering the transition to a circular polythene economy."
|
||||
@@ -134,10 +137,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "John Doe", handle: "CEO, AgriCorp", testimonial: "The precision and quality provided by British Polythene Industries is unmatched in the market.", imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg?_wi=1" },
|
||||
{ id: "t2", name: "Jane Smith", handle: "Director, BuildCo", testimonial: "Reliable, robust, and committed to sustainability. A true partner for our construction projects.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg?_wi=1" },
|
||||
{ id: "t3", name: "Alan Rick", handle: "Ops Lead, FoodSafe", testimonial: "Their bespoke film solutions have transformed our packaging efficiency.", imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg?_wi=2" },
|
||||
{ id: "t4", name: "Elena V.", handle: "Manager, GlobalPkg", testimonial: "Exceptional customer service and technical expertise throughout every engagement.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg?_wi=2" },
|
||||
{ id: "t5", name: "Mark Evans", handle: "Engineer, InfraGroup", testimonial: "Industry standard setters. Their geomembranes are the benchmark for our work.", imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg?_wi=3" }
|
||||
{ id: "t2", name: "Jane Smith", handle: "Director, BuildCo", testimonial: "Reliable, robust, and committed to sustainability. A true partner for our construction projects.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg?_wi=1" }
|
||||
]}
|
||||
title="Industry Leaders Speak"
|
||||
description="See why top-tier partners trust us."
|
||||
@@ -145,27 +145,23 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
<ContactSplit
|
||||
tag="Get In Touch"
|
||||
title="Contact Our Team"
|
||||
description="Speak to our technical experts at +44 1475 501000 or fill out the form below."
|
||||
title="Contact Our Technical Team"
|
||||
description="Our experts are ready to assist with custom specifications and industrial requirements."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-perforated-fabric_23-2149894536.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
<FooterLogoReveal
|
||||
logoText="British Polythene Industries"
|
||||
columns={[
|
||||
{ title: "Products", items: [{ label: "Agricultural", href: "#products" }, { label: "Construction", href: "#products" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Sustainability", href: "#sustainability" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Registration", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2024 British Polythene Industries. Company Reg: SC000000."
|
||||
leftLink={{ text: "One London Wall, London, EC2Y 5EA", href: "#" }}
|
||||
rightLink={{ text: "© 2024 British Polythene Industries", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #000612;
|
||||
--card: #050d1d;
|
||||
--foreground: #f8f9fa;
|
||||
--primary-cta: #d4af37;
|
||||
--background: #0e1629;
|
||||
--card: #18243d;
|
||||
--foreground: #e0e7f1;
|
||||
--primary-cta: #c87d4d;
|
||||
--primary-cta-text: #000000;
|
||||
--secondary-cta: #15479c;
|
||||
--secondary-cta: #4b6c92;
|
||||
--secondary-cta-text: #ffffff;
|
||||
--accent: #d4af37;
|
||||
--background-accent: #0a1a36;
|
||||
--accent: #c87d4d;
|
||||
--background-accent: #1e3352;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user