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">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home",
|
{ name: "About", id: "about" },
|
||||||
id: "hero",
|
{ name: "Services", id: "services" },
|
||||||
},
|
{ name: "Why Us", id: "why" },
|
||||||
{
|
{ name: "Testimonials", id: "testimonials" },
|
||||||
name: "Services",
|
{ name: "Contact", id: "contact" }
|
||||||
id: "services",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Why Us",
|
|
||||||
id: "why",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Al-Yaan"
|
brandName="Al-Yaan"
|
||||||
/>
|
/>
|
||||||
@@ -52,17 +42,10 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroLogoBillboard
|
<HeroLogoBillboard
|
||||||
background={{
|
background={{ variant: "gradient-bars" }}
|
||||||
variant: "gradient-bars",
|
|
||||||
}}
|
|
||||||
logoText="اليان للالمنيوم والزجاج \n Al-Yaan Aluminum & Glass"
|
logoText="اليان للالمنيوم والزجاج \n Al-Yaan Aluminum & Glass"
|
||||||
description="Precision Crafted. Built to Last."
|
description="Precision Crafted. Built to Last."
|
||||||
buttons={[
|
buttons={[{ text: "Get a Free Quote", href: "#contact" }]}
|
||||||
{
|
|
||||||
text: "Get a Free Quote",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199299.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199299.jpg"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -84,36 +67,12 @@ export default function LandingPage() {
|
|||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
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: "Glass Installation",
|
{ 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" },
|
||||||
description: "Custom fit high-end glazing solutions.",
|
{ 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" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-glass-architecture-low-angle-shot_181624-530.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: "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"
|
title="Our Expert Services"
|
||||||
description="Premium fabrication for the discerning client."
|
description="Premium fabrication for the discerning client."
|
||||||
@@ -125,22 +84,11 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
gridVariant="bento-grid"
|
gridVariant="bento-grid"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
|
animationType="slide-up"
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ id: "1", value: "Specialist", description: "Expert architectural fabrication focus." },
|
||||||
id: "1",
|
{ id: "2", value: "Precision", description: "Millimeter-perfect structural accuracy." },
|
||||||
value: "Specialist",
|
{ id: "3", value: "Trusted", description: "Repeated patronage by elite clients." }
|
||||||
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"
|
title="Why Choose Us"
|
||||||
description="The foundation of our reputation."
|
description="The foundation of our reputation."
|
||||||
@@ -154,26 +102,11 @@ export default function LandingPage() {
|
|||||||
rating={5}
|
rating={5}
|
||||||
author="Local Guide"
|
author="Local Guide"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{ src: "http://img.b2bpic.net/free-photo/low-angle-woman-working_23-2148480302.jpg", alt: "Client" },
|
||||||
src: "http://img.b2bpic.net/free-photo/low-angle-woman-working_23-2148480302.jpg",
|
{ src: "http://img.b2bpic.net/free-photo/modern-architect-front-building_23-2147702104.jpg", alt: "Client" },
|
||||||
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/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"
|
ratingAnimation="slide-up"
|
||||||
avatarsAnimation="blur-reveal"
|
avatarsAnimation="blur-reveal"
|
||||||
@@ -183,9 +116,7 @@ export default function LandingPage() {
|
|||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{
|
background={{ variant: "sparkles-gradient" }}
|
||||||
variant: "sparkles-gradient",
|
|
||||||
}}
|
|
||||||
text="Ready to Start Your Project? Contact us today to discuss your vision."
|
text="Ready to Start Your Project? Contact us today to discuss your vision."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -195,31 +126,11 @@ export default function LandingPage() {
|
|||||||
logoText="اليان للالمنيوم والزجاج \n Al-Yaan Aluminum & Glass"
|
logoText="اليان للالمنيوم والزجاج \n Al-Yaan Aluminum & Glass"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Company",
|
title: "Company", items: [{ label: "About", href: "#" }, { label: "Services", href: "#" }]
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "About",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Services",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Connect",
|
title: "Connect", items: [{ label: "WhatsApp", href: "https://wa.me/placeholder" }, { label: "Contact", href: "#" }]
|
||||||
items: [
|
}
|
||||||
{
|
|
||||||
label: "WhatsApp",
|
|
||||||
href: "https://wa.me/placeholder",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Contact",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
copyrightText="© 2024 Al-Yaan Aluminum & Glass. All rights reserved."
|
copyrightText="© 2024 Al-Yaan Aluminum & Glass. All rights reserved."
|
||||||
/>
|
/>
|
||||||
@@ -227,4 +138,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user