From d5b2be2b3f38ea3702273b92f26007041ed25013 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 9 May 2026 06:13:06 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 215 ++++++++++++-----------------------------------
 1 file changed, 52 insertions(+), 163 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9869102..46a87f3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -20,27 +20,26 @@ export default function LandingPage() {
         defaultButtonVariant="elastic-effect"
         defaultTextAnimation="background-highlight"
         borderRadius="soft"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Products",
-          id: "products",
-        },
+          name: "Products",          id: "products"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="AL AYAT"
     />
@@ -49,67 +48,42 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboard
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       title="Crafting Your Brand's Identity"
       description="Premium signage and advertising solutions designed to elevate your business presence. From custom neon to large-scale billboards, we build visuals that communicate."
       buttons={[
         {
-          text: "Explore Services",
-          href: "#products",
-        },
+          text: "Explore Services",          href: "#products"},
         {
-          text: "Get a Quote",
-          href: "#contact",
-        },
+          text: "Get a Quote",          href: "#contact"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/equipment-tanner_1098-16264.jpg"
       imageAlt="professional signage workshop interior"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/graffiti-dirty-building-walls-looking-grungy-rusty-urban-space-state-disintegration-ruins-broken-down-warehouse-filled-with-crumbling-deserted-debris-space-with-signs-decay_482257-62785.jpg",
-          alt: "Graffiti on dirty building walls looking grungy and rusty, urban space in state of disintegration and ruins.",
-        },
+          src: "http://img.b2bpic.net/free-photo/graffiti-dirty-building-walls-looking-grungy-rusty-urban-space-state-disintegration-ruins-broken-down-warehouse-filled-with-crumbling-deserted-debris-space-with-signs-decay_482257-62785.jpg",          alt: "Graffiti on dirty building walls looking grungy and rusty, urban space in state of disintegration and ruins."},
         {
-          src: "http://img.b2bpic.net/free-photo/man-working-cutting-mdf-board_23-2149384830.jpg",
-          alt: "Man working on cutting mdf board",
-        },
+          src: "http://img.b2bpic.net/free-photo/man-working-cutting-mdf-board_23-2149384830.jpg",          alt: "Man working on cutting mdf board"},
         {
-          src: "http://img.b2bpic.net/free-photo/sewing-machine-accessories-workdesk-shop_23-2147874993.jpg",
-          alt: "Sewing machine and accessories on workdesk in shop",
-        },
+          src: "http://img.b2bpic.net/free-photo/sewing-machine-accessories-workdesk-shop_23-2147874993.jpg",          alt: "Sewing machine and accessories on workdesk in shop"},
         {
-          src: "http://img.b2bpic.net/free-photo/creative-artisan-job-workshop_23-2148970788.jpg",
-          alt: "Creative artisan job workshop",
-        },
+          src: "http://img.b2bpic.net/free-photo/creative-artisan-job-workshop_23-2148970788.jpg",          alt: "Creative artisan job workshop"},
         {
-          src: "http://img.b2bpic.net/free-photo/equipment-tanner_1098-16264.jpg",
-          alt: "professional signage workshop interior",
-        },
+          src: "http://img.b2bpic.net/free-photo/equipment-tanner_1098-16264.jpg",          alt: "professional signage workshop interior"},
       ]}
       avatarText="Trusted by 500+ local businesses"
       marqueeItems={[
         {
-          type: "text",
-          text: "Custom Neon Signs",
-        },
+          type: "text",          text: "Custom Neon Signs"},
         {
-          type: "text",
-          text: "3D Channel Letters",
-        },
+          type: "text",          text: "3D Channel Letters"},
         {
-          type: "text",
-          text: "Vehicle Wraps",
-        },
+          type: "text",          text: "Vehicle Wraps"},
         {
-          type: "text",
-          text: "LED Displays",
-        },
+          type: "text",          text: "LED Displays"},
         {
-          type: "text",
-          text: "Large-scale Billboards",
-        },
+          type: "text",          text: "Large-scale Billboards"},
       ]}
     />
   </div>
@@ -134,20 +108,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Precision Manufacturing",
-          description: "State-of-the-art machinery ensuring perfect cuts and lasting durability for every outdoor application.",
-          imageSrc: "http://img.b2bpic.net/free-photo/sign-building_23-2147726647.jpg",
-        },
+          title: "Precision Manufacturing",          description: "State-of-the-art machinery ensuring perfect cuts and lasting durability for every outdoor application.",          imageSrc: "http://img.b2bpic.net/free-photo/sign-building_23-2147726647.jpg"},
         {
-          title: "Premium Materials",
-          description: "We source only high-quality acrylics, metals, and LEDs to guarantee longevity under harsh environments.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-open-sign-neon-lights_23-2148283869.jpg",
-        },
+          title: "Premium Materials",          description: "We source only high-quality acrylics, metals, and LEDs to guarantee longevity under harsh environments.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-open-sign-neon-lights_23-2148283869.jpg"},
         {
-          title: "Full-Service Installation",
-          description: "We manage the logistics, safety permits, and installation process for a completely stress-free experience.",
-          imageSrc: "http://img.b2bpic.net/free-photo/billboard-with-information-board_23-2147726630.jpg",
-        },
+          title: "Full-Service Installation",          description: "We manage the logistics, safety permits, and installation process for a completely stress-free experience.",          imageSrc: "http://img.b2bpic.net/free-photo/billboard-with-information-board_23-2147726630.jpg"},
       ]}
       title="Why Choose Al Ayat?"
       description="We don't just build signs; we build professional marketing assets for businesses looking for distinction."
@@ -162,47 +127,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
-          name: "3D Channel Letters",
-          price: "Custom",
-          variant: "Signage",
-          imageSrc: "http://img.b2bpic.net/free-photo/manager-preparing-store-reopening_23-2149142193.jpg",
-        },
+          id: "p1",          name: "3D Channel Letters",          price: "Custom",          variant: "Signage",          imageSrc: "http://img.b2bpic.net/free-photo/manager-preparing-store-reopening_23-2149142193.jpg"},
         {
-          id: "p2",
-          name: "Storefront Neon",
-          price: "Custom",
-          variant: "Illumination",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-leaving-shop_23-2147688314.jpg",
-        },
+          id: "p2",          name: "Storefront Neon",          price: "Custom",          variant: "Illumination",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-leaving-shop_23-2147688314.jpg"},
         {
-          id: "p3",
-          name: "Billboard Printing",
-          price: "Custom",
-          variant: "Large-scale",
-          imageSrc: "http://img.b2bpic.net/free-photo/big-signpost-banner-city_23-2147764774.jpg",
-        },
+          id: "p3",          name: "Billboard Printing",          price: "Custom",          variant: "Large-scale",          imageSrc: "http://img.b2bpic.net/free-photo/big-signpost-banner-city_23-2147764774.jpg"},
         {
-          id: "p4",
-          name: "Vehicle Branding",
-          price: "Custom",
-          variant: "Wrap",
-          imageSrc: "http://img.b2bpic.net/free-photo/vibrant-city-life-cars-blur-motion-generated-by-ai_188544-16954.jpg",
-        },
+          id: "p4",          name: "Vehicle Branding",          price: "Custom",          variant: "Wrap",          imageSrc: "http://img.b2bpic.net/free-photo/vibrant-city-life-cars-blur-motion-generated-by-ai_188544-16954.jpg"},
         {
-          id: "p5",
-          name: "Office Directory",
-          price: "Custom",
-          variant: "Indoor",
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-woman-holding-business-card_23-2149343450.jpg",
-        },
+          id: "p5",          name: "Office Directory",          price: "Custom",          variant: "Indoor",          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-woman-holding-business-card_23-2149343450.jpg"},
         {
-          id: "p6",
-          name: "LED Video Display",
-          price: "Custom",
-          variant: "Digital",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-walking-front-large-billboard_53876-98092.jpg",
-        },
+          id: "p6",          name: "LED Video Display",          price: "Custom",          variant: "Digital",          imageSrc: "http://img.b2bpic.net/free-photo/man-walking-front-large-billboard_53876-98092.jpg"},
       ]}
       title="Our Signage Portfolio"
       description="Explore our comprehensive range of signage and advertising display solutions."
@@ -216,31 +151,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "15+",
-          title: "Years Experience",
-          items: [
-            "Specialized signage expertise",
-            "Industry leading standards",
-          ],
+          id: "m1",          value: "15+",          title: "Years Experience",          items: [
+            "Specialized signage expertise",            "Industry leading standards"],
         },
         {
-          id: "m2",
-          value: "500+",
-          title: "Completed Projects",
-          items: [
-            "Successful installations",
-            "Corporate clients",
-          ],
+          id: "m2",          value: "500+",          title: "Completed Projects",          items: [
+            "Successful installations",            "Corporate clients"],
         },
         {
-          id: "m3",
-          value: "99%",
-          title: "Client Retention",
-          items: [
-            "Exceptional quality control",
-            "Long term partnership",
-          ],
+          id: "m3",          value: "99%",          title: "Client Retention",          items: [
+            "Exceptional quality control",            "Long term partnership"],
         },
       ]}
       title="Proven Track Record"
@@ -256,25 +176,15 @@ export default function LandingPage() {
       author="Sarah Johnson"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/young-woman-point-finger-you_93675-135553.jpg",
-          alt: "Client 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/young-woman-point-finger-you_93675-135553.jpg",          alt: "Client 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/female-assistant-writing-data-documents-taking-notes-papers-create-annual-report-executive-employee-planning-investment-with-analytics-statistics-laptop-files_482257-67059.jpg",
-          alt: "Client 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/female-assistant-writing-data-documents-taking-notes-papers-create-annual-report-executive-employee-planning-investment-with-analytics-statistics-laptop-files_482257-67059.jpg",          alt: "Client 2"},
         {
-          src: "http://img.b2bpic.net/free-photo/retail-assistant-examines-apparel-racks-trendy-boutique_482257-118414.jpg",
-          alt: "Client 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/retail-assistant-examines-apparel-racks-trendy-boutique_482257-118414.jpg",          alt: "Client 3"},
         {
-          src: "http://img.b2bpic.net/free-photo/architects-working-project_53876-46878.jpg",
-          alt: "Client 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/architects-working-project_53876-46878.jpg",          alt: "Client 4"},
         {
-          src: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2865.jpg",
-          alt: "blond man. happy expression",
-        },
+          src: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2865.jpg",          alt: "blond man. happy expression"},
       ]}
       ratingAnimation="slide-up"
       avatarsAnimation="slide-up"
@@ -286,20 +196,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
-          title: "Do you handle permit acquisition?",
-          content: "Yes, we handle all necessary permit filings with local authorities for your signage projects.",
-        },
+          id: "f1",          title: "Do you handle permit acquisition?",          content: "Yes, we handle all necessary permit filings with local authorities for your signage projects."},
         {
-          id: "f2",
-          title: "What materials do you use?",
-          content: "We use premium acrylic, stainless steel, and high-intensity LED components to ensure quality.",
-        },
+          id: "f2",          title: "What materials do you use?",          content: "We use premium acrylic, stainless steel, and high-intensity LED components to ensure quality."},
         {
-          id: "f3",
-          title: "How long does production take?",
-          content: "Production timelines depend on project complexity, typically ranging from 2 to 4 weeks.",
-        },
+          id: "f3",          title: "How long does production take?",          content: "Production timelines depend on project complexity, typically ranging from 2 to 4 weeks."},
       ]}
       sideTitle="Common Questions"
       sideDescription="Everything you need to know about our signage processes."
@@ -314,22 +215,14 @@ export default function LandingPage() {
       description="Send us your design ideas and let our team provide a custom quote for your signage needs."
       inputs={[
         {
-          name: "name",
-          type: "text",
-          placeholder: "Full Name",
-          required: true,
+          name: "name",          type: "text",          placeholder: "Full Name",          required: true,
         },
         {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
+          name: "email",          type: "email",          placeholder: "Email Address",          required: true,
         },
       ]}
       textarea={{
-        name: "message",
-        placeholder: "Describe your signage requirements...",
-        rows: 4,
+        name: "message",        placeholder: "Describe your signage requirements...",        rows: 4,
         required: true,
       }}
       imageSrc="http://img.b2bpic.net/free-photo/businesswoman-talking-man-with-digital-tablet-about-project-planning-marketing-strategy-woman-doing-teamwork-with-engineer-presentation-design-with-data-charts-computer_482257-32063.jpg"
@@ -341,13 +234,9 @@ export default function LandingPage() {
       <FooterLogoReveal
       logoText="AL AYAT ADVERTISING & SIGNAGE"
       leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
+        text: "Privacy Policy",        href: "#"}}
       rightLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
+        text: "Terms of Service",        href: "#"}}
     />
   </div>
       </ReactLenis>