From ccfcd1ba262cd742506fa85d6e3e37fdb648d3dc Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 4 May 2026 20:54:05 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 280 ++++++++---------------------------------------
 1 file changed, 46 insertions(+), 234 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c83cb8c..cfe49e8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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: "#" },
           ],
         },
       ]}