306 lines
20 KiB
TypeScript
306 lines
20 KiB
TypeScript
"use client";
|
|
|
|
import ReactLenis from "lenis/react";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroOverlayTestimonial from "@/components/sections/hero/HeroOverlayTestimonial";
|
|
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
|
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
|
|
import TeamCardSix from "@/components/sections/team/TeamCardSix";
|
|
import TeamCardOne from "@/components/sections/team/TeamCardOne";
|
|
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
|
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
|
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
|
import { Gem, Rocket, Sparkles, Lightbulb, TrendingUp, Code, Users, Camera, Briefcase, Globe, Award, Star } from "lucide-react";
|
|
|
|
export default function LandscapingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="large"
|
|
background="none"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
brandName="HORIZON BUSINESS COLLECTION"
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "About Us", id: "about" },
|
|
{ name: "Why Horizon", id: "why-us" },
|
|
{ name: "Team", id: "team" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Start Your Project", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlayTestimonial
|
|
tag="FUTURE-FORWARD SOLUTIONS"
|
|
tagIcon={Rocket}
|
|
title="Building The Future of Modern Business"
|
|
description="Premium digital solutions designed for ambitious brands and growing companies."
|
|
buttons={[
|
|
{ text: "Explore Services", href: "#services" },
|
|
{ text: "Start Your Project", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EAUpul6KI7vTWBV0cEFlD4VRHD/uploaded-1779796355348-0kb8jqw7.jpg"
|
|
videoAriaLabel="Futuristic business abstract animation"
|
|
showDimOverlay={true}
|
|
textPosition="top"
|
|
testimonials={[
|
|
{
|
|
name: "Dr. Azad Khan", handle: "CEO, Nexus Corp.", testimonial: "HORIZON transformed our brand identity with unparalleled creativity and precision. A truly world-class experience.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-cartoon-style_23-2151133955.jpg", imageAlt: "Dr. Azad Khan portrait"
|
|
},
|
|
{
|
|
name: "Lana Hussain", handle: "Founder, Astra Innovations", testimonial: "The level of professionalism and innovative thinking from HORIZON was beyond our expectations. They are true partners in success.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-couch-with-mobile_23-2148415739.jpg", imageAlt: "Lana Hussain portrait"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="ABOUT HORIZON"
|
|
tagIcon={Lightbulb}
|
|
tagAnimation="slide-up"
|
|
title="HORIZON BUSINESS COLLECTION delivers modern business solutions with creativity, innovation, and strategic vision for companies aiming to lead the future."
|
|
description="Empowering Visionaries."
|
|
subdescription="Founded on Kurdish principles of excellence and innovation."
|
|
icon={Gem}
|
|
videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EAUpul6KI7vTWBV0cEFlD4VRHD/uploaded-1779796153044-xv2dcan7.png"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardNineteen
|
|
tag="OUR SERVICES"
|
|
tagIcon={Sparkles}
|
|
title="Innovation at Every Horizon"
|
|
description="Unlock unparalleled potential with our bespoke digital and business solutions."
|
|
buttonAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
imageContainerClassName="!rotate-0 !aspect-square"
|
|
features={[
|
|
{
|
|
tag: "STRATEGY", title: "Branding Strategy", subtitle: "Crafting Distinct Identities", description: "Develop a powerful and memorable brand identity that resonates with your audience and stands out in the global market.", imageSrc: "http://img.b2bpic.net/free-photo/cinema-3d-glasses_23-2148115289.jpg", imageAlt: "Abstract image representing branding strategy"
|
|
},
|
|
{
|
|
tag: "GROWTH", title: "Digital Marketing", subtitle: "Maximizing Your Reach", description: "Implement cutting-edge digital marketing campaigns across all channels to drive engagement, leads, and measurable growth.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-futuristic-screen_23-2149126945.jpg", imageAlt: "Abstract image representing digital marketing"
|
|
},
|
|
{
|
|
tag: "DEVELOPMENT", title: "Website Development", subtitle: "Seamless Digital Experiences", description: "Build high-performance, visually stunning websites and web applications engineered for unparalleled user experience and robust functionality.", imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-experts-working-with-tech-devices-neon-lights_23-2151645638.jpg", imageAlt: "Abstract image representing website development"
|
|
},
|
|
{
|
|
tag: "CONNECT", title: "Social Media Management", subtitle: "Engage & Inspire", description: "Cultivate a vibrant online community and amplify your brand message with strategic social media content and management.", imageSrc: "http://img.b2bpic.net/free-photo/sound-wave-technology-performer-s-hand-touching-stage-remixed-media_53876-104262.jpg", imageAlt: "Abstract image representing social media management"
|
|
},
|
|
{
|
|
tag: "VISUALS", title: "Graphic Design", subtitle: "Impactful Visual Storytelling", description: "From captivating logos to comprehensive brand guidelines, our graphic design brings your vision to life with elegance and precision.", imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-97578.jpg", imageAlt: "Abstract image representing graphic design"
|
|
},
|
|
{
|
|
tag: "ANIMATION", title: "Motion Graphics", subtitle: "Dynamic Visual Engagement", description: "Elevate your message with bespoke motion graphics and animated content that captures attention and communicates complex ideas with flair.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-universe-texture-projection_23-2149512130.jpg", imageAlt: "Abstract image representing motion graphics"
|
|
},
|
|
{
|
|
tag: "PRODUCTION", title: "Media Production", subtitle: "Cinematic Content Creation", description: "Produce high-quality video and photographic content, from corporate films to promotional visuals, tailored for maximum impact.", imageSrc: "http://img.b2bpic.net/free-photo/3d-cinema-movie-projector_23-2151016128.jpg", imageAlt: "Abstract image representing media production"
|
|
},
|
|
{
|
|
tag: "INSIGHT", title: "Business Consulting", subtitle: "Strategic Guidance for Growth", description: "Receive expert strategic advice and actionable insights to navigate market challenges and capitalize on new opportunities for sustainable growth.", imageSrc: "http://img.b2bpic.net/free-photo/scene-with-business-person-working-futuristic-office-job_23-2151003718.jpg", imageAlt: "Abstract image representing business consulting"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-us" data-section="why-us">
|
|
<TeamCardSix
|
|
title="Why Choose Horizon"
|
|
description="Redefining excellence in the digital landscape."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
members={[
|
|
{
|
|
id: "1", name: "Global Vision, Local Roots", role: "Blending international standards with a deep understanding of Kurdish culture.", imageSrc: "http://img.b2bpic.net/free-photo/global-communications-illuminate-our-planet-bright-future-generated-by-ai_188544-22050.jpg", imageAlt: "Abstract image representing global vision"
|
|
},
|
|
{
|
|
id: "2", name: "Unrivaled Expertise", role: "A team of industry pioneers committed to innovation and delivering exceptional results.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-laptop-background_53876-104033.jpg", imageAlt: "Abstract image representing expertise"
|
|
},
|
|
{
|
|
id: "3", name: "Cinematic Brand Experience", role: "Crafting immersive and unforgettable digital narratives that captivate and convert.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-virtual-date_23-2149295198.jpg", imageAlt: "Abstract image representing cinematic experience"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardOne
|
|
tag="OUR VISIONARIES"
|
|
title="Meet the Architects of Tomorrow"
|
|
description="Our diverse team of experts, united by a passion for innovation."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
members={[
|
|
{
|
|
id: "1", name: "Ava Roshan", role: "Chief Visionary Officer", imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-couch_23-2148415906.jpg", imageAlt: "Ava Roshan portrait"
|
|
},
|
|
{
|
|
id: "2", name: "Rayan Sharif", role: "Head of Digital Strategy", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-looking-confident_114579-79346.jpg", imageAlt: "Rayan Sharif portrait"
|
|
},
|
|
{
|
|
id: "3", name: "Leyla Al-Hamad", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/portrait-futuristic-cyborg_23-2151904189.jpg", imageAlt: "Leyla Al-Hamad portrait"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
cardTag="VOICES OF DISTINCTION"
|
|
cardTagIcon={Star}
|
|
cardTitle="Clients trust HORIZON to elevate their presence and exceed expectations."
|
|
buttons={[{ text: "Discover Success Stories", href: "#contact" }]}
|
|
buttonAnimation="slide-up"
|
|
cardAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Mitchell", imageSrc: "http://img.b2bpic.net/free-photo/high-tech-travel-future-time_23-2151160589.jpg", imageAlt: "Sarah Mitchell"
|
|
},
|
|
{
|
|
id: "2", name: "Daniel Carter", imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-blue-lights-visual-effects_23-2149419525.jpg", imageAlt: "Daniel Carter"
|
|
},
|
|
{
|
|
id: "3", name: "Michael Anderson", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-work_23-2149622865.jpg", imageAlt: "Michael Anderson"
|
|
},
|
|
{
|
|
id: "4", name: "Sophia Al-Hussain", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-mulatto-woman-with-trendy-make-up-standing-with-arms-crossed-office-indoor-photo-female-black-employee-posing-with-international-colleagues-gently-smile_197531-3788.jpg", imageAlt: "Sophia Al-Hussain"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
tag="CLARITY & CONFIDENCE"
|
|
title="Frequently Asked Questions"
|
|
description="Your guide to partnering with HORIZON for a brighter future."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What makes HORIZON's approach unique?", content: "We blend ultra-luxury design with cutting-edge technology and a deep understanding of your brand's unique narrative, ensuring cinematic quality and impactful digital presence."
|
|
},
|
|
{
|
|
id: "2", title: "How do you ensure a project's success?", content: "Our process involves meticulous planning, collaborative ideation, agile development, and continuous feedback loops, all guided by our commitment to excellence and client satisfaction."
|
|
},
|
|
{
|
|
id: "3", title: "Can you handle large-scale international projects?", content: "Absolutely. HORIZON is equipped with a world-class team and robust infrastructure to manage and deliver complex projects for international corporate brands."
|
|
},
|
|
{
|
|
id: "4", title: "What kind of post-launch support do you offer?", content: "We provide comprehensive post-launch support, including ongoing maintenance, performance monitoring, security updates, and scalable solutions to ensure long-term success."
|
|
},
|
|
{
|
|
id: "5", title: "How do you incorporate Kurdish identity into modern design?", content: "While our aesthetic is globally futuristic, we subtly weave in elements of Kurdish heritage through bespoke patterns, color inspirations, and a commitment to innovation and craftsmanship inherent in the culture."
|
|
},
|
|
{
|
|
id: "6", title: "What is the typical timeline for a new website development?", content: "Project timelines vary based on complexity, but a standard luxury website typically ranges from 8-16 weeks. We provide a detailed project roadmap after the initial consultation."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact" className="relative overflow-hidden">
|
|
<div className="absolute inset-0 w-full h-full">
|
|
<video
|
|
src="http://img.b2bpic.net/free-photo/abstract-light-painting-dark_23-2149627866.jpg"
|
|
autoPlay
|
|
muted
|
|
loop
|
|
playsInline
|
|
aria-hidden="true"
|
|
className="w-full h-full object-cover"
|
|
/>
|
|
<div className="absolute inset-0 bg-foreground/70" />
|
|
</div>
|
|
<ContactSplitForm
|
|
title="Ignite Your Next Endeavor"
|
|
description="Partner with HORIZON to build a future that truly stands out. Available 24 Hours / 7 Days."
|
|
useInvertedBackground={false}
|
|
mediaAnimation="none"
|
|
buttonText="Send Message"
|
|
contentClassName="!grid-cols-1 max-w-[600px] mx-auto"
|
|
mediaWrapperClassName="hidden"
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
|
{ name: "phone", type: "tel", placeholder: "Phone Number" }
|
|
]}
|
|
multiSelect={{
|
|
name: "service", label: "Select a Service", options: [
|
|
"Branding Strategy", "Digital Marketing", "Website Development", "Social Media Management", "Graphic Design", "Motion Graphics", "Media Production", "Business Consulting"
|
|
]
|
|
}}
|
|
textarea={{ name: "message", placeholder: "Tell us about your project...", rows: 4, required: true }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Branding Strategy", href: "#services" },
|
|
{ label: "Digital Marketing", href: "#services" },
|
|
{ label: "Website Development", href: "#services" },
|
|
{ label: "Social Media Management", href: "#services" },
|
|
{ label: "Graphic Design", href: "#services" },
|
|
{ label: "Motion Graphics", href: "#services" },
|
|
{ label: "Media Production", href: "#services" },
|
|
{ label: "Business Consulting", href: "#services" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Why Horizon", href: "#why-us" },
|
|
{ label: "Team", href: "#team" },
|
|
{ label: "Testimonials", href: "#testimonials" },
|
|
{ label: "FAQ", href: "#faq" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "hello@horizon.co", href: "mailto:hello@horizon.co" },
|
|
{ label: "Available 24/7" },
|
|
{ label: "Kurdish Region, Iraq" }
|
|
]
|
|
}
|
|
]}
|
|
bottomLeftText="© 2026 HORIZON BUSINESS COLLECTION. All rights reserved."
|
|
bottomRightText="Designed with Vision."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|