Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
145
src/app/page.tsx
145
src/app/page.tsx
@@ -29,22 +29,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "why",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Why Us", id: "why" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Al-Yaan"
|
||||
/>
|
||||
@@ -52,17 +42,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="اليان للالمنيوم والزجاج \n Al-Yaan Aluminum & Glass"
|
||||
description="Precision Crafted. Built to Last."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get a Free Quote", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199299.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -84,36 +67,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Glass Installation",
|
||||
description: "Custom fit high-end glazing solutions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-glass-architecture-low-angle-shot_181624-530.jpg",
|
||||
},
|
||||
{
|
||||
title: "Aluminum Framing",
|
||||
description: "Precision-engineered aluminum structures.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-is-working-with-mosquito-wire-screen-installation_1150-6575.jpg",
|
||||
},
|
||||
{
|
||||
title: "Windows & Doors",
|
||||
description: "Elegant and durable architectural doors.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-holding-transparent-tablet-her-hands_53876-95805.jpg",
|
||||
},
|
||||
{
|
||||
title: "Facades",
|
||||
description: "Sophisticated curtain wall fabrication.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-artisan-job-workshop_23-2148970793.jpg",
|
||||
},
|
||||
{
|
||||
title: "Shower Enclosures",
|
||||
description: "Seamless glass enclosure designs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712943.jpg",
|
||||
},
|
||||
{
|
||||
title: "Decorative Glass",
|
||||
description: "Mirrors and aesthetic glass work.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-abstract-outdoors-daytime-shadows_23-2149080222.jpg",
|
||||
},
|
||||
{ title: "Glass Installation", description: "Custom fit high-end glazing solutions.", imageSrc: "http://img.b2bpic.net/free-photo/modern-glass-architecture-low-angle-shot_181624-530.jpg" },
|
||||
{ title: "Aluminum Framing", description: "Precision-engineered aluminum structures.", imageSrc: "http://img.b2bpic.net/free-photo/man-is-working-with-mosquito-wire-screen-installation_1150-6575.jpg" },
|
||||
{ title: "Windows & Doors", description: "Elegant and durable architectural doors.", imageSrc: "http://img.b2bpic.net/free-photo/girl-holding-transparent-tablet-her-hands_53876-95805.jpg" },
|
||||
{ title: "Facades", description: "Sophisticated curtain wall fabrication.", imageSrc: "http://img.b2bpic.net/free-photo/creative-artisan-job-workshop_23-2148970793.jpg" },
|
||||
{ title: "Shower Enclosures", description: "Seamless glass enclosure designs.", imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712943.jpg" },
|
||||
{ title: "Decorative Glass", description: "Mirrors and aesthetic glass work.", imageSrc: "http://img.b2bpic.net/free-photo/view-abstract-outdoors-daytime-shadows_23-2149080222.jpg" }
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="Premium fabrication for the discerning client."
|
||||
@@ -125,22 +84,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "Specialist",
|
||||
description: "Expert architectural fabrication focus.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "Precision",
|
||||
description: "Millimeter-perfect structural accuracy.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "Trusted",
|
||||
description: "Repeated patronage by elite clients.",
|
||||
},
|
||||
{ id: "1", value: "Specialist", description: "Expert architectural fabrication focus." },
|
||||
{ id: "2", value: "Precision", description: "Millimeter-perfect structural accuracy." },
|
||||
{ id: "3", value: "Trusted", description: "Repeated patronage by elite clients." }
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="The foundation of our reputation."
|
||||
@@ -154,26 +102,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Local Guide"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-woman-working_23-2148480302.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-architect-front-building_23-2147702104.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/architect-putting-safety-helmet-desk_23-2148242987.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/architect-smiling-while-looking-camera_23-2148242957.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/coworkers-doing-paperwork-office_273609-6924.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/low-angle-woman-working_23-2148480302.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/modern-architect-front-building_23-2147702104.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/architect-putting-safety-helmet-desk_23-2148242987.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/architect-smiling-while-looking-camera_23-2148242957.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/coworkers-doing-paperwork-office_273609-6924.jpg", alt: "Client" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -183,9 +116,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to Start Your Project? Contact us today to discuss your vision."
|
||||
/>
|
||||
</div>
|
||||
@@ -195,31 +126,11 @@ export default function LandingPage() {
|
||||
logoText="اليان للالمنيوم والزجاج \n Al-Yaan Aluminum & Glass"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Company", items: [{ label: "About", href: "#" }, { label: "Services", href: "#" }]
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/placeholder",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Connect", items: [{ label: "WhatsApp", href: "https://wa.me/placeholder" }, { label: "Contact", href: "#" }]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2024 Al-Yaan Aluminum & Glass. All rights reserved."
|
||||
/>
|
||||
@@ -227,4 +138,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user