298 lines
19 KiB
TypeScript
298 lines
19 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import { Building2, Facebook, Home, Instagram, Linkedin, PenTool, Star } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSizeMediumTitles"
|
|
background="aurora"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#hero"},
|
|
{
|
|
name: "About Us", id: "#about"},
|
|
{
|
|
name: "Portfolio", id: "#portfolio"},
|
|
{
|
|
name: "Services", id: "#services"},
|
|
{
|
|
name: "Team", id: "#team"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mc71eb"
|
|
logoAlt="ARO Architects Co. Logo"
|
|
brandName="ARO Architects Co."
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlayTestimonial
|
|
title="Crafting innovative spaces with precision | من الفكرة حتى استلام المفتاح - نحن معك خطوة بخطوة"
|
|
description="Redefining modern living and commercial excellence in Erbil and beyond, ARO Architects Co. transforms visions into reality with unparalleled luxury and functionality."
|
|
testimonials={[
|
|
{
|
|
name: "Sarah J.", handle: "@remascitydev", testimonial: "ARO Architects Co. delivered exceptional design and construction for Remas City. Their attention to detail and innovative approach transformed our vision into a stunning reality.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg", imageAlt: "Sarah J. Avatar"},
|
|
{
|
|
name: "Dr. Ahmed L.", handle: "@luxuryhomes", testimonial: "The interior design work by ARO Architects Co. exceeded all expectations. Our home now feels both luxurious and incredibly functional.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg", imageAlt: "Dr. Ahmed L. Avatar"},
|
|
{
|
|
name: "Kamran S.", handle: "@urbanspaces", testimonial: "Their innovative approach to urban planning and design is truly commendable. ARO Architects Co. is a partner you can trust for complex projects.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg", imageAlt: "Kamran S. Avatar"},
|
|
{
|
|
name: "Nadia H.", handle: "@designvision", testimonial: "The bespoke interior solutions provided by ARO Architects Co. brought our commercial space to life. The blend of luxury and functionality is perfect.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-smiling-boy-cafe_23-2148436234.jpg", imageAlt: "Nadia H. Avatar"},
|
|
{
|
|
name: "Fares A.", handle: "@grandresidences", testimonial: "From initial consultation to the final touches, their team demonstrated exceptional professionalism and artistic flair. Highly recommended.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", imageAlt: "Fares A. Avatar"},
|
|
]}
|
|
testimonialRotationInterval={7000}
|
|
tag="Premier Design & Build"
|
|
tagIcon={Star}
|
|
buttons={[
|
|
{
|
|
text: "Explore Portfolio", href: "#portfolio"},
|
|
{
|
|
text: "Contact Us", href: "#contact"},
|
|
]}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg", alt: "Client 1"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg", alt: "Client 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/positive-customer-approving-new-offer_1262-17151.jpg", alt: "Client 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-business-woman-white-background-business-job_185193-110285.jpg", alt: "Client 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg", alt: "Client 5"},
|
|
]}
|
|
avatarText="Over 200 satisfied clients"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BY0l23jOAxSQV3vgGdij3RZlzF/uploaded-1781271161667-qfjho7t2.jpg"
|
|
imageAlt="Cinematic render of a modern luxury architectural project"
|
|
showDimOverlay={true}
|
|
showBlur={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
useInvertedBackground={true}
|
|
title="About ARO Architects Co."
|
|
description={[
|
|
"ARO Architects Co. is a premier architecture, interior design, and construction firm based in Erbil, Kurdistan. We specialize in delivering modern, high-quality projects, transforming visionary concepts into tangible realities with unmatched precision and innovative flair. Our commitment lies in creating spaces that are not only aesthetically captivating but also supremely functional and sustainable.", "Our comprehensive expertise spans residential, commercial, and bespoke interior design solutions. We manage every project with meticulous care, from the initial blueprint to the final handover, ensuring a seamless and transparent process. At ARO, we don't just build structures; we craft environments that inspire, elevate, and endure, setting new benchmarks for luxury and architectural excellence in the region and beyond."]}
|
|
buttons={[
|
|
{
|
|
text: "Learn More", href: "#"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="portfolio" data-section="portfolio">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="two-columns-alternating-heights"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "residential-1", brand: "Residential", name: "Luxury Villa Erbil", price: "View Project", rating: 5,
|
|
reviewCount: "25 reviews", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BY0l23jOAxSQV3vgGdij3RZlzF/uploaded-1781271161667-rch9v8nf.jpg", imageAlt: "Luxury Villa Interior Design"},
|
|
{
|
|
id: "commercial-1", brand: "Commercial", name: "Royal Business Tower Interiors", price: "View Project", rating: 5,
|
|
reviewCount: "18 reviews", imageSrc: "http://img.b2bpic.net/free-photo/dreamy-interior-mall_23-2151591430.jpg", imageAlt: "Modern Office Interior"},
|
|
{
|
|
id: "interior-1", brand: "Interior Design", name: "Contemporary Apartment", price: "View Project", rating: 5,
|
|
reviewCount: "32 reviews", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BY0l23jOAxSQV3vgGdij3RZlzF/uploaded-1781271161667-genlgy2m.jpg", imageAlt: "Contemporary Apartment Interior"},
|
|
{
|
|
id: "residential-2", brand: "Residential", name: "Remas City Modern Home", price: "View Project", rating: 5,
|
|
reviewCount: "40 reviews", imageSrc: "http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings-daylight_23-2149661429.jpg", imageAlt: "Remas City Modern Home Exterior"},
|
|
{
|
|
id: "commercial-2", brand: "Commercial", name: "Erbil Retail Hub", price: "View Project", rating: 5,
|
|
reviewCount: "15 reviews", imageSrc: "http://img.b2bpic.net/free-photo/green-architectural-city-buildings_23-2149554114.jpg", imageAlt: "Modern Retail Hub Exterior"},
|
|
{
|
|
id: "interior-2", brand: "Interior Design", name: "Gourmet Kitchen Design", price: "View Project", rating: 5,
|
|
reviewCount: "28 reviews", imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-bathroom-home-decor_53876-133292.jpg", imageAlt: "Gourmet Kitchen Interior"},
|
|
]}
|
|
title="Our Prestigious Projects"
|
|
description="Explore our diverse portfolio of architectural masterpieces and interior designs, crafted with precision and passion across residential, commercial, and interior sectors."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Khalid Al-Hassan", role: "Real Estate Developer", testimonial: "ARO Architects Co. delivered beyond expectations for our latest luxury residential complex. Their design philosophy perfectly captured the essence of modern living.", imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2727.jpg", imageAlt: "Khalid Al-Hassan Avatar"},
|
|
{
|
|
id: "2", name: "Lana Karim", role: "Boutique Hotel Owner", testimonial: "The interior design transformed our hotel lobby into a breathtaking space. Guests are consistently impressed by the sophistication and attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/happy-corporate-employee-celebrating-major-project-milestone_482257-122677.jpg", imageAlt: "Lana Karim Avatar"},
|
|
{
|
|
id: "3", name: "Zana Abdullah", role: "Private Residence Client", testimonial: "From concept to completion, ARO Architects Co. guided us every step of the way. Our new home is a masterpiece of comfort and contemporary design.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-connects-with-shareholders-via-video-call-discuss-budget-planning_482257-123829.jpg", imageAlt: "Zana Abdullah Avatar"},
|
|
{
|
|
id: "4", name: "Soran Majid", role: "Commercial Project Manager", testimonial: "Professional, efficient, and incredibly talented. ARO Architects Co. brought our commercial vision to life with remarkable precision and style.", imageSrc: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21367.jpg", imageAlt: "Soran Majid Avatar"},
|
|
{
|
|
id: "5", name: "Dina Murad", role: "Luxury Retail Brand", testimonial: "Their innovative approach to retail space design significantly enhanced our brand presence and customer experience. Truly exceptional work.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-index-finger-up_23-2148308592.jpg", imageAlt: "Dina Murad Avatar"},
|
|
]}
|
|
title="Client Endorsements"
|
|
description="Hear what our esteemed clients say about our commitment to excellence and transformative designs."
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyFive
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Architectural Design", description: "Innovative and functional architectural designs that push boundaries, creating spaces that are both iconic and sustainable.", icon: Home,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/black-man-working-as-engineer-with-architectural-software-computer_482257-17767.jpg", imageAlt: "Modern architectural blueprint design"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/facades-tall-apartment-buildings_23-2148184270.jpg", imageAlt: "Hand sketching architectural details"},
|
|
]
|
|
},
|
|
{
|
|
title: "Interior Design", description: "Bespoke interior solutions that blend luxury, comfort, and functionality, tailored to reflect your unique style and needs.", icon: PenTool,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/dining-set-modern-luxury-dining-room_105762-1797.jpg", imageAlt: "Luxury living room interior"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/interior-design-with-vintage-bathtub_23-2148291600.jpg", imageAlt: "Modern bedroom interior"},
|
|
]
|
|
},
|
|
{
|
|
title: "Construction Management", description: "Efficient and reliable construction management, ensuring timely delivery, adherence to budget, and the highest standards of quality.", icon: Building2,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/professional-clients-real-estate-agent-engage-office-planning-session_482257-91017.jpg", imageAlt: "Construction site modern building"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-carpenter-working-with-experienced-man_329181-15698.jpg", imageAlt: "Building exterior under construction"},
|
|
]
|
|
}
|
|
]}
|
|
title="Our Expertise & Services"
|
|
description="From visionary concepts to meticulous construction, we offer comprehensive services to bring your architectural dreams to life with unparalleled quality."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"Remas City", "Luxury Living Group", "Erbil Development Co.", "Modern Build Corp.", "Elite Residences", "Urban Visionaries", "Architectural Digest ME"]}
|
|
title="Trusted by Visionaries"
|
|
description="Our collaborations with leading partners and industry innovators underscore our commitment to excellence and transformative design solutions."
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
members={[
|
|
{
|
|
id: "1", name: "Dr. Kamal ARO", role: "Founder & Lead Architect", description: "With over 20 years of experience, Dr. ARO leads our firm with a vision for innovative and sustainable architectural solutions.", imageSrc: "http://img.b2bpic.net/free-photo/happy-builder-hardhat_1398-1726.jpg", imageAlt: "Dr. Kamal ARO Portrait", socialLinks: [
|
|
{
|
|
icon: Linkedin,
|
|
url: "#"
|
|
},
|
|
],
|
|
},
|
|
{
|
|
id: "2", name: "Layla Hussein", role: "Head of Interior Design", description: "Layla's artistic vision and meticulous attention to detail create breathtaking interiors that blend luxury with functionality.", imageSrc: "http://img.b2bpic.net/free-photo/man-woman-working-together-animation-studio_23-2149208032.jpg", imageAlt: "Layla Hussein Portrait", socialLinks: [
|
|
{
|
|
icon: Instagram,
|
|
url: "#"
|
|
},
|
|
],
|
|
},
|
|
{
|
|
id: "3", name: "Omar Zaid", role: "Senior Project Manager", description: "Omar ensures every project is executed flawlessly, on time and within budget, upholding our commitment to quality.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-with-tablet-helmet_23-2148269247.jpg", imageAlt: "Omar Zaid Portrait", socialLinks: [
|
|
{
|
|
icon: Linkedin,
|
|
url: "#"
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
title="Our Visionary Team"
|
|
description="Meet the dedicated professionals behind ARO Architects Co., driving innovation and delivering exceptional design and construction services with passion and expertise."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
tag="Get in Touch"
|
|
title="Let's Create Together"
|
|
description="Reach out to discuss your next visionary project, explore partnership opportunities, or simply say hello. We look forward to transforming your ideas into architectural masterpieces.\n\nPhone: +964 750 050 0700\nAddress: Erbil - Shorsh Street - Royal Business Tower"
|
|
imageSrc="http://img.b2bpic.net/free-photo/entrance-building-bridge_122409-8.jpg"
|
|
imageAlt="Modern luxury business tower"
|
|
mediaAnimation="opacity"
|
|
mediaPosition="left"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Send Message"
|
|
termsText="By clicking Send Message you're confirming that you agree with our Terms and Conditions."
|
|
onSubmit={(email: string) => console.log('Contact form submitted with email:', email)}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mc71eb"
|
|
logoAlt="ARO Architects Co. Logo"
|
|
logoText="ARO Architects Co."
|
|
copyrightText="© 2024 ARO Architects Co. All rights reserved."
|
|
socialLinks={[
|
|
{
|
|
icon: Instagram,
|
|
href: "https://www.instagram.com/aro.architects.co/", ariaLabel: "Instagram"
|
|
},
|
|
{
|
|
icon: Facebook,
|
|
href: "https://www.facebook.com/aro.architects.co", ariaLabel: "Facebook"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|