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:19:43 +00:00
parent 8fde496dbf
commit 5cbda61cea
1 changed files with 28 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files

138
src/app/page.tsx
View File

@@ -6,7 +6,7 @@ import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
@@ -32,59 +32,25 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home", id: "hero"},
{
name: "About", id: "about"},
{
name: "Products", id: "products"},
{
name: "Contact", id: "contact"},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Products", id: "products" },
{ name: "Contact", id: "contact" },
]}
brandName="AL AYAT"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{
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: "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/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/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"},
]}
avatarText="Trusted by 500+ local businesses"
marqueeItems={[
{
type: "text", text: "Custom Neon Signs"},
{
type: "text", text: "3D Channel Letters"},
{
type: "text", text: "Vehicle Wraps"},
{
type: "text", text: "LED Displays"},
{
type: "text", text: "Large-scale Billboards"},
<HeroBillboardCarousel
title="AL AYAT ADVERTISING & SIGNAGE"
description="Elevating your brand presence with premium, high-impact custom signage and visual communication solutions."
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/equipment-tanner_1098-16264.jpg", imageAlt: "Signage Workshop" },
{ imageSrc: "http://img.b2bpic.net/free-photo/sign-building_23-2147726647.jpg", imageAlt: "Modern Signage" },
]}
background={{ variant: "plain" }}
buttons={[{ text: "Explore Services", href: "#products" }, { text: "Get a Quote", href: "#contact" }]}
/>
</div>
@@ -107,12 +73,9 @@ export default function LandingPage() {
textboxLayout="split"
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: "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: "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: "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."
@@ -126,18 +89,9 @@ export default function LandingPage() {
gridVariant="two-columns-alternating-heights"
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: "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: "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: "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: "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: "p3", name: "Billboard Printing", price: "Custom", variant: "Large-scale", imageSrc: "http://img.b2bpic.net/free-photo/big-signpost-banner-city_23-2147764774.jpg" },
]}
title="Our Signage Portfolio"
description="Explore our comprehensive range of signage and advertising display solutions."
@@ -150,18 +104,8 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{
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: "m3", value: "99%", title: "Client Retention", items: [
"Exceptional quality control", "Long term partnership"],
},
{ 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"] },
]}
title="Proven Track Record"
description="Measured success through consistent quality and client dedication."
@@ -174,18 +118,6 @@ export default function LandingPage() {
testimonial="Al Ayat transformed our storefront completely. The professionalism and attention to detail during the sign installation process were truly outstanding."
rating={5}
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/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/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"},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
/>
@@ -195,12 +127,8 @@ export default function LandingPage() {
<FaqSplitText
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: "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: "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." },
]}
sideTitle="Common Questions"
sideDescription="Everything you need to know about our signage processes."
@@ -214,29 +142,19 @@ export default function LandingPage() {
title="Ready to Start Your Project?"
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: "email", type: "email", placeholder: "Email Address", required: true,
},
{ name: "name", type: "text", placeholder: "Full Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true },
]}
textarea={{
name: "message", placeholder: "Describe your signage requirements...", rows: 4,
required: true,
}}
textarea={{ 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"
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="AL AYAT ADVERTISING & SIGNAGE"
leftLink={{
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service", href: "#"}}
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
/>
</div>
</ReactLenis>