bender/8bbf636b-e792-4d95-a51e-f0143e12b2f0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-04 20:54:05 +00:00
parent 14337f2187
commit ccfcd1ba26
1 changed files with 46 additions and 234 deletions
Download Patch File Download Diff File Expand all files Collapse all files

280
src/app/page.tsx
View File

@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Catalog",
id: "catalog",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Catalog", id: "catalog" },
{ name: "Contact", id: "contact" },
]}
brandName="Brianson"
/>
@@ -58,38 +46,17 @@ export default function LandingPage() {
title="Electrical Supplies & Tools for Professionals"
description="Wholesale pricing, fast delivery, and expert support for licensed contractors and electricians. Browse thousands of in-stock products or request a quote."
buttons={[
{
text: "Browse Catalog",
href: "#catalog",
},
{
text: "Request Wholesale Account",
href: "#contact",
},
{ text: "Browse Catalog", href: "#catalog" },
{ text: "Request Wholesale Account", href: "#contact" },
]}
imageSrc="http://img.b2bpic.net/free-photo/low-light-data-center-running-advanced-ai-models-neural-network-processes_482257-124561.jpg"
imageAlt="electrical warehouse supply distribution"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/warehouse-workers-checking-inventory-goods-distribution-large-storehouse_342744-1482.jpg",
alt: "Warehouse workers checking inventory and goods distribution in large storehouse",
},
{
src: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105499.jpg",
alt: "Technology background texture",
},
{
src: "http://img.b2bpic.net/free-photo/data-facility-storing-massive-datasets-used-ai-simulations_482257-124431.jpg",
alt: "Data facility storing massive datasets used in AI simulations",
},
{
src: "http://img.b2bpic.net/free-photo/server-racks-storing-ai-datasets-simulation-training-predictive-tasks_482257-124190.jpg",
alt: "Server racks storing AI datasets for simulation training and predictive tasks",
},
{
src: "http://img.b2bpic.net/free-photo/flat-lay-composition-with-electrician-s-tools-accessories_169016-24022.jpg",
alt: "Flat lay composition with electrician's tools and accessories",
},
{ src: "http://img.b2bpic.net/free-photo/warehouse-workers-checking-inventory-goods-distribution-large-storehouse_342744-1482.jpg", alt: "Warehouse workers checking inventory and goods distribution in large storehouse" },
{ src: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105499.jpg", alt: "Technology background texture" },
{ src: "http://img.b2bpic.net/free-photo/data-facility-storing-massive-datasets-used-ai-simulations_482257-124431.jpg", alt: "Data facility storing massive datasets used in AI simulations" },
{ src: "http://img.b2bpic.net/free-photo/server-racks-storing-ai-datasets-simulation-training-predictive-tasks_482257-124190.jpg", alt: "Server racks storing AI datasets for simulation training and predictive tasks" },
{ src: "http://img.b2bpic.net/free-photo/flat-lay-composition-with-electrician-s-tools-accessories_169016-24022.jpg", alt: "Flat lay composition with electrician's tools and accessories" },
]}
avatarText="Trusted by 2,800+ contractors"
/>
@@ -112,48 +79,12 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Professional Wire Spool",
price: "$120.00",
variant: "100m",
imageSrc: "http://img.b2bpic.net/free-photo/sewing-thread-reels_23-2148145993.jpg",
},
{
id: "p2",
name: "Circuit Breaker Series",
price: "$45.00",
variant: "Commercial",
imageSrc: "http://img.b2bpic.net/free-photo/technology-texture-background_23-2148105560.jpg",
},
{
id: "p3",
name: "Electrician Hand Tool Set",
price: "$295.00",
variant: "Pro-Grade",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-steel-hammer-with-other-construction-elements-tools_23-2150576409.jpg",
},
{
id: "p4",
name: "Industrial LED Luminaire",
price: "$85.00",
variant: "Warehouse",
imageSrc: "http://img.b2bpic.net/free-photo/deliver-man-with-mask-holding-package_23-2148890013.jpg",
},
{
id: "p5",
name: "Smart Control Interface",
price: "$310.00",
variant: "Automation",
imageSrc: "http://img.b2bpic.net/free-photo/japanese-subway-train-system-passenger-information-display-screen_23-2148954808.jpg",
},
{
id: "p6",
name: "Voltage Detection Meter",
price: "$155.00",
variant: "Precision",
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-construction-wearing-protection-gear_23-2148784053.jpg",
},
{ id: "p1", name: "Professional Wire Spool", price: "$120.00", variant: "100m", imageSrc: "http://img.b2bpic.net/free-photo/sewing-thread-reels_23-2148145993.jpg" },
{ id: "p2", name: "Circuit Breaker Series", price: "$45.00", variant: "Commercial", imageSrc: "http://img.b2bpic.net/free-photo/technology-texture-background_23-2148105560.jpg" },
{ id: "p3", name: "Electrician Hand Tool Set", price: "$295.00", variant: "Pro-Grade", imageSrc: "http://img.b2bpic.net/free-photo/top-view-steel-hammer-with-other-construction-elements-tools_23-2150576409.jpg" },
{ id: "p4", name: "Industrial LED Luminaire", price: "$85.00", variant: "Warehouse", imageSrc: "http://img.b2bpic.net/free-photo/deliver-man-with-mask-holding-package_23-2148890013.jpg" },
{ id: "p5", name: "Smart Control Interface", price: "$310.00", variant: "Automation", imageSrc: "http://img.b2bpic.net/free-photo/japanese-subway-train-system-passenger-information-display-screen_23-2148954808.jpg" },
{ id: "p6", name: "Voltage Detection Meter", price: "$155.00", variant: "Precision", imageSrc: "http://img.b2bpic.net/free-photo/male-worker-construction-wearing-protection-gear_23-2148784053.jpg" },
]}
title="Essential Electrical Inventory"
description="Explore our curated catalog of professional-grade tools and components ready for immediate dispatch."
@@ -163,32 +94,12 @@ export default function LandingPage() {
<div id="features" data-section="features">
<FeatureCardTwentySeven
textboxLayout="split"
animationType="slide-up"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Next-Day Delivery",
descriptions: [
"Get your materials exactly when you need them with our lightning-fast logistics network across the state.",
],
imageSrc: "http://img.b2bpic.net/free-photo/disabled-fencers-special-equipment-fighting-from-their-wheelchairs_23-2149229583.jpg",
},
{
id: "f2",
title: "Technical Experts",
descriptions: [
"Our team has licensed electricians on standby to answer your complex technical specifications and compatibility questions.",
],
imageSrc: "http://img.b2bpic.net/free-photo/voltage-switchboard-with-circuit-breakers-close-up_169016-16346.jpg",
},
{
id: "f3",
title: "Wholesale Account Perks",
descriptions: [
"Access trade-exclusive pricing, bulk discounts, and a streamlined procurement dashboard to manage all your job sites.",
],
imageSrc: "http://img.b2bpic.net/free-photo/strong-cables-many-green-colored-knots-sports-ship-equipment_146671-16439.jpg",
},
{ id: "f1", title: "Next-Day Delivery", descriptions: ["Get your materials exactly when you need them with our lightning-fast logistics network across the state."], imageSrc: "http://img.b2bpic.net/free-photo/disabled-fencers-special-equipment-fighting-from-their-wheelchairs_23-2149229583.jpg" },
{ id: "f2", title: "Technical Experts", descriptions: ["Our team has licensed electricians on standby to answer your complex technical specifications and compatibility questions."], imageSrc: "http://img.b2bpic.net/free-photo/voltage-switchboard-with-circuit-breakers-close-up_169016-16346.jpg" },
{ id: "f3", title: "Wholesale Account Perks", descriptions: ["Access trade-exclusive pricing, bulk discounts, and a streamlined procurement dashboard to manage all your job sites."], imageSrc: "http://img.b2bpic.net/free-photo/strong-cables-many-green-colored-knots-sports-ship-equipment_146671-16439.jpg" },
]}
title="Why Professional Contractors Choose Brianson"
description="Streamlined service designed for high-performance job sites."
@@ -201,21 +112,9 @@ export default function LandingPage() {
title="Supporting Our Community"
tag="Reliability Metrics"
metrics={[
{
id: "m1",
value: "15,000+",
description: "Successful Job Deliveries",
},
{
id: "m2",
value: "2,800+",
description: "Active Contractor Partners",
},
{
id: "m3",
value: "99.8%",
description: "Order Accuracy Rating",
},
{ id: "m1", value: "15,000+", description: "Successful Job Deliveries" },
{ id: "m2", value: "2,800+", description: "Active Contractor Partners" },
{ id: "m3", value: "99.8%", description: "Order Accuracy Rating" },
]}
metricsAnimation="slide-up"
/>
@@ -226,14 +125,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Schneider Electric",
"Siemens",
"Eaton",
"Fluke",
"Klein Tools",
"Southwire",
"Legrand",
]}
"Schneider Electric", "Siemens", "Eaton", "Fluke", "Klein Tools", "Southwire", "Legrand"]}
title="Trusted Industry Brands"
description="We partner with leading global manufacturers to ensure maximum performance and safety on your job site."
/>
@@ -246,46 +138,11 @@ export default function LandingPage() {
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Mark Stevens",
role: "Site Foreman",
company: "Metro Construction",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-black-auto-mechanic-workshop_637285-9406.jpg",
},
{
id: "t2",
name: "Sarah Chen",
role: "Lead Electrician",
company: "Bright Power Systems",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-architect-posing-his-desk_23-2148242991.jpg",
},
{
id: "t3",
name: "David Miller",
role: "Shop Owner",
company: "Miller Electric",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businessman-bike-shop_23-2149039062.jpg",
},
{
id: "t4",
name: "Rebecca Jones",
role: "Facilities Director",
company: "Industrial Tech",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg",
},
{
id: "t5",
name: "Jason Wu",
role: "Electrical Inspector",
company: "City Safety Board",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-electrician-holds-blueprints-night-control-room-skilled-portrait_169016-70972.jpg",
},
{ id: "t1", name: "Mark Stevens", role: "Site Foreman", company: "Metro Construction", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-black-auto-mechanic-workshop_637285-9406.jpg" },
{ id: "t2", name: "Sarah Chen", role: "Lead Electrician", company: "Bright Power Systems", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-architect-posing-his-desk_23-2148242991.jpg" },
{ id: "t3", name: "David Miller", role: "Shop Owner", company: "Miller Electric", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businessman-bike-shop_23-2149039062.jpg" },
{ id: "t4", name: "Rebecca Jones", role: "Facilities Director", company: "Industrial Tech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg" },
{ id: "t5", name: "Jason Wu", role: "Electrical Inspector", company: "City Safety Board", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-electrician-holds-blueprints-night-control-room-skilled-portrait_169016-70972.jpg" },
]}
title="What Contractors Say"
description="Stories from partners who rely on Brianson for their daily operations."
@@ -297,26 +154,10 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "How do I apply for a wholesale account?",
content: "You can fill out our wholesale request form on the contact page. Once reviewed, our account manager will confirm your trade status.",
},
{
id: "q2",
title: "Do you offer job site delivery?",
content: "Yes, we provide direct-to-site delivery within a 100-mile radius of our main distribution warehouse.",
},
{
id: "q3",
title: "Can I return unused supplies?",
content: "Unopened, standard stock items can be returned within 30 days of purchase with an active invoice number.",
},
{
id: "q4",
title: "Do you carry specialty components?",
content: "We have an extensive network of specialized manufacturers. If you don't see it in the catalog, reach out and we can order it for you.",
},
{ id: "q1", title: "How do I apply for a wholesale account?", content: "You can fill out our wholesale request form on the contact page. Once reviewed, our account manager will confirm your trade status." },
{ id: "q2", title: "Do you offer job site delivery?", content: "Yes, we provide direct-to-site delivery within a 100-mile radius of our main distribution warehouse." },
{ id: "q3", title: "Can I return unused supplies?", content: "Unopened, standard stock items can be returned within 30 days of purchase with an active invoice number." },
{ id: "q4", title: "Do you carry specialty components?", content: "We have an extensive network of specialized manufacturers. If you don't see it in the catalog, reach out and we can order it for you." },
]}
title="Frequently Asked Questions"
description="Quick answers to help you streamline your ordering process."
@@ -327,9 +168,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{
variant: "animated-grid",
}}
background={{ variant: "animated-grid" }}
title="Start Your Wholesale Account"
description="Join thousands of professional contractors today. Simply enter your email, and our team will get in touch with you shortly."
tag="Wholesale Access"
@@ -342,50 +181,23 @@ export default function LandingPage() {
logoText="Brianson"
columns={[
{
title: "Products",
items: [
{
label: "Supplies",
href: "#catalog",
},
{
label: "Tools",
href: "#catalog",
},
{
label: "Special Order",
href: "#contact",
},
title: "Products", items: [
{ label: "Supplies", href: "#catalog" },
{ label: "Tools", href: "#catalog" },
{ label: "Special Order", href: "#contact" },
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Wholesale Portal",
href: "#contact",
},
{
label: "FAQ",
href: "#faq",
},
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Wholesale Portal", href: "#contact" },
{ label: "FAQ", href: "#faq" },
],
},
{
title: "Legal",
items: [
{
label: "Terms of Use",
href: "#",
},
{
label: "Privacy Policy",
href: "#",
},
title: "Legal", items: [
{ label: "Terms of Use", href: "#" },
{ label: "Privacy Policy", href: "#" },
],
},
]}