bender/68632b59-b5c3-4f56-9efb-063bd3da8754
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-09 06:13:06 +00:00
parent a508add574
commit d5b2be2b3f
1 changed files with 52 additions and 163 deletions
Download Patch File Download Diff File Expand all files Collapse all files

215
src/app/page.tsx
View File

@@ -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>