Merge version_1 into main #2
277
src/app/page.tsx
277
src/app/page.tsx
@@ -26,190 +26,111 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="B&B Industries"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="B&B Industries"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Precision Machining & Welding Done Right"
|
||||
description="High-tolerance CNC and manual machining paired with expert welding for industries demanding perfection. Every detail matters—no exceptions, no compromises."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote Today",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhDZKuFIFKWr4bOBQdRRKilQyk/professional-close-up-of-a-precision-cnc-1774932581275-925932cf.png?_wi=1"
|
||||
imageAlt="Precision CNC manufacturing"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Precision Machining & Welding Done Right"
|
||||
description="High-tolerance CNC and manual machining paired with expert welding for industries demanding perfection. Every detail matters—no exceptions, no compromises."
|
||||
buttons={[{ text: "Get a Quote Today", href: "#contact" }]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhDZKuFIFKWr4bOBQdRRKilQyk/professional-close-up-of-a-precision-cnc-1774932581275-925932cf.png"
|
||||
imageAlt="Precision CNC manufacturing"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Excellence in Engineering, Crafted in NC."
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn About Our Craft",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Excellence in Engineering, Crafted in NC."
|
||||
buttons={[{ text: "Learn About Our Craft", href: "#" }]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "High-Tolerance CNC",
|
||||
description: "State-of-the-art CNC machining ensuring exact tolerances for aerospace and industrial applications.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhDZKuFIFKWr4bOBQdRRKilQyk/professional-close-up-of-a-precision-cnc-1774932581275-925932cf.png?_wi=2",
|
||||
imageAlt: "Professional close-up of a precision CNC machine at work in a clean, modern manufacturing shop. Deep",
|
||||
},
|
||||
{
|
||||
title: "Expert Welding",
|
||||
description: "Certified welding specialists providing seamless joints and high-strength fabrication for complex structures.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhDZKuFIFKWr4bOBQdRRKilQyk/professional-engineering-team-reviewing--1774932579430-bd224da5.png",
|
||||
imageAlt: "Professional engineering team reviewing complex blueprints for metal parts on a workbench. High-qual",
|
||||
},
|
||||
{
|
||||
title: "Fast Prototyping",
|
||||
description: "Rapid turnaround on custom fabrication and prototypes to keep your production line moving.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Award,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhDZKuFIFKWr4bOBQdRRKilQyk/extreme-detail-of-high-tolerance-metal-w-1774932582415-55554757.png",
|
||||
imageAlt: "Extreme detail of high-tolerance metal welding, perfect weld bead, high-contrast, professional indus",
|
||||
},
|
||||
]}
|
||||
title="Precision You Can Count On"
|
||||
description="We deliver mission-critical machining and welding solutions with unmatched precision."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "High-Tolerance CNC", description: "State-of-the-art CNC machining ensuring exact tolerances for aerospace and industrial applications.", bentoComponent: "reveal-icon", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Expert Welding", description: "Certified welding specialists providing seamless joints and high-strength fabrication for complex structures.", bentoComponent: "reveal-icon", icon: Shield,
|
||||
},
|
||||
{
|
||||
title: "Fast Prototyping", description: "Rapid turnaround on custom fabrication and prototypes to keep your production line moving.", bentoComponent: "reveal-icon", icon: Award,
|
||||
},
|
||||
]}
|
||||
title="Precision You Can Count On"
|
||||
description="We deliver mission-critical machining and welding solutions with unmatched precision."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Jenkins",
|
||||
handle: "Production Lead",
|
||||
testimonial: "B&B Industries is our go-to for parts that absolutely cannot fail. Their tolerances are perfection.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhDZKuFIFKWr4bOBQdRRKilQyk/professional-headshot-of-a-manufacturing-1774932578652-68ec7e08.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Sterling",
|
||||
handle: "Plant Manager",
|
||||
testimonial: "Reliable, direct, and fast. The best job shop experience we've had in North Carolina.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhDZKuFIFKWr4bOBQdRRKilQyk/professional-headshot-of-an-engineer-in--1774932579988-83ba5b74.png",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
handle: "Procurement Specialist",
|
||||
testimonial: "Transparent pricing and consistent quality every single time. A truly trusted partner.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhDZKuFIFKWr4bOBQdRRKilQyk/professional-headshot-of-a-procurement-m-1774932579210-d1188c3d.png",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Thorne",
|
||||
handle: "Senior Engineer",
|
||||
testimonial: "The engineering team at B&B treats our projects like their own. Exceptional attention to detail.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhDZKuFIFKWr4bOBQdRRKilQyk/professional-headshot-of-a-plant-manager-1774932578906-655c3d04.png",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Robert Vance",
|
||||
handle: "Automotive Lead",
|
||||
testimonial: "Their metal fabrication expertise is unmatched. Highly recommended for automotive prototypes.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhDZKuFIFKWr4bOBQdRRKilQyk/professional-headshot-of-a-manufacturing-1774932578652-68ec7e08.png?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Hear what our partners in automotive, aerospace, and industrial sectors have to say."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Jenkins", handle: "Production Lead", testimonial: "B&B Industries is our go-to for parts that absolutely cannot fail. Their tolerances are perfection.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhDZKuFIFKWr4bOBQdRRKilQyk/professional-headshot-of-a-manufacturing-1774932578652-68ec7e08.png"},
|
||||
{
|
||||
id: "2", name: "Mark Sterling", handle: "Plant Manager", testimonial: "Reliable, direct, and fast. The best job shop experience we've had in North Carolina.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhDZKuFIFKWr4bOBQdRRKilQyk/professional-headshot-of-an-engineer-in--1774932579988-83ba5b74.png"},
|
||||
{
|
||||
id: "3", name: "Elena Rodriguez", handle: "Procurement Specialist", testimonial: "Transparent pricing and consistent quality every single time. A truly trusted partner.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhDZKuFIFKWr4bOBQdRRKilQyk/professional-headshot-of-a-procurement-m-1774932579210-d1188c3d.png"},
|
||||
{
|
||||
id: "4", name: "David Thorne", handle: "Senior Engineer", testimonial: "The engineering team at B&B treats our projects like their own. Exceptional attention to detail.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhDZKuFIFKWr4bOBQdRRKilQyk/professional-headshot-of-a-plant-manager-1774932578906-655c3d04.png"},
|
||||
{
|
||||
id: "5", name: "Robert Vance", handle: "Automotive Lead", testimonial: "Their metal fabrication expertise is unmatched. Highly recommended for automotive prototypes.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BhDZKuFIFKWr4bOBQdRRKilQyk/professional-headshot-of-a-manufacturing-1774932578652-68ec7e08.png"},
|
||||
]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Hear what our partners in automotive, aerospace, and industrial sectors have to say."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What industries do you serve?",
|
||||
content: "We primarily serve automotive, aerospace, and general industrial manufacturing.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How fast is your turnaround?",
|
||||
content: "We prioritize fast turnaround while maintaining mission-critical quality.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you handle custom fabrication?",
|
||||
content: "Yes, we handle custom machining, welding, and prototyping.",
|
||||
},
|
||||
]}
|
||||
ctaTitle="Ready for Perfection?"
|
||||
ctaDescription="Get a quote for your project and let's start building."
|
||||
ctaButton={{
|
||||
text: "Request A Quote",
|
||||
href: "mailto:quotes@bbindustries.com",
|
||||
}}
|
||||
ctaIcon={ArrowRight}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "What industries do you serve?", content: "We primarily serve automotive, aerospace, and general industrial manufacturing."},
|
||||
{
|
||||
id: "q2", title: "How fast is your turnaround?", content: "We prioritize fast turnaround while maintaining mission-critical quality."},
|
||||
{
|
||||
id: "q3", title: "Do you handle custom fabrication?", content: "Yes, we handle custom machining, welding, and prototyping."},
|
||||
]}
|
||||
ctaTitle="Ready for Perfection?"
|
||||
ctaDescription="Get a quote for your project and let's start building."
|
||||
ctaButton={{
|
||||
text: "Request A Quote", href: "mailto:quotes@bbindustries.com"}}
|
||||
ctaIcon={ArrowRight}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="B&B Industries INC"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="B&B Industries INC"
|
||||
leftLink={{
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user