325 lines
9.3 KiB
TypeScript
325 lines
9.3 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import { Award, Camera, Globe, Shield, Star } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="grid"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "/",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "/about",
|
|
},
|
|
{
|
|
name: "Photography",
|
|
id: "/photography",
|
|
},
|
|
{
|
|
name: "Videography",
|
|
id: "/videography",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "/contact",
|
|
},
|
|
]}
|
|
brandName="Al Jamal Media"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
background={{
|
|
variant: "gradient-bars",
|
|
}}
|
|
title="Capturing the Soul of the Arabian Horse"
|
|
description="Premium media production for elite Arabian horses, combining cinematic vision with technical mastery to preserve legacy in every frame."
|
|
testimonials={[
|
|
{
|
|
name: "Sheikh Al-Maktoum",
|
|
handle: "@royalstables",
|
|
testimonial: "Exquisite quality that captures the true essence of our championship horses.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg?_wi=1",
|
|
},
|
|
{
|
|
name: "Elena Rossi",
|
|
handle: "@rossistud",
|
|
testimonial: "A team with an unparalleled eye for detail and luxury storytelling.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/elegant-girls-with-horse-ranch_1157-20816.jpg?_wi=1",
|
|
},
|
|
{
|
|
name: "David Thorne",
|
|
handle: "@thorneauction",
|
|
testimonial: "The best partner for showcasing world-class Arabian talent.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-adult-businesswoman-smiling_23-2148452640.jpg",
|
|
},
|
|
{
|
|
name: "Sarah Jenkins",
|
|
handle: "@arabianelite",
|
|
testimonial: "Impeccable videography and photography that elevates our brand presence.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-reading-magazine_23-2148415915.jpg",
|
|
},
|
|
{
|
|
name: "Marcus Vane",
|
|
handle: "@vanebreeding",
|
|
testimonial: "Cinematic excellence redefined. Truly unmatched work.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-man-with-amulet-neck-is-posing-photographer-dark-photo-studio_613910-3849.jpg",
|
|
},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Explore Services",
|
|
href: "#services",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/wild-bezoar-goat-nature-habitat-bezoar-ibex-capra-aegagrus_475641-92.jpg?_wi=1"
|
|
mediaAnimation="blur-reveal"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/wild-bezoar-goat-nature-habitat-bezoar-ibex-capra-aegagrus_475641-92.jpg",
|
|
alt: "Sheikh Al-Maktoum portrait",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/modern-comfortable-workplace-home-there-are-computer-laptop-table_613910-13270.jpg",
|
|
alt: "Elena Rossi portrait",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/side-view-people-working-empty-screen_23-2148532588.jpg",
|
|
alt: "David Thorne portrait",
|
|
},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8n5o8j",
|
|
alt: "Sarah Jenkins portrait",
|
|
},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7sxzhe",
|
|
alt: "Marcus Vane portrait",
|
|
},
|
|
]}
|
|
avatarText="Trusted by industry leaders"
|
|
marqueeItems={[
|
|
{
|
|
type: "text-icon",
|
|
text: "Elite Arabian Media",
|
|
icon: Star,
|
|
},
|
|
{
|
|
type: "text-icon",
|
|
text: "Cinematic Vision",
|
|
icon: Camera,
|
|
},
|
|
{
|
|
type: "text-icon",
|
|
text: "Global Heritage",
|
|
icon: Globe,
|
|
},
|
|
{
|
|
type: "text-icon",
|
|
text: "Unmatched Precision",
|
|
icon: Award,
|
|
},
|
|
{
|
|
type: "text-icon",
|
|
text: "Legacy Preservation",
|
|
icon: Shield,
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about-home" data-section="about-home">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={false}
|
|
heading={[
|
|
{
|
|
type: "text",
|
|
content: "Defining Excellence in ",
|
|
},
|
|
{
|
|
type: "image",
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8n5o8j",
|
|
alt: "Al Jamal Logo",
|
|
},
|
|
{
|
|
type: "text",
|
|
content: " Arabian Media",
|
|
},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Learn More",
|
|
href: "/about",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="stats" data-section="stats">
|
|
<MetricCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "1",
|
|
icon: Camera,
|
|
title: "Projects Completed",
|
|
value: "150+",
|
|
},
|
|
{
|
|
id: "2",
|
|
icon: Award,
|
|
title: "Horses Featured",
|
|
value: "500+",
|
|
},
|
|
{
|
|
id: "3",
|
|
icon: Globe,
|
|
title: "Countries Served",
|
|
value: "20+",
|
|
},
|
|
]}
|
|
title="Legacy in Numbers"
|
|
description="Decades of capturing champions across the globe."
|
|
/>
|
|
</div>
|
|
|
|
<div id="partners" data-section="partners">
|
|
<SocialProofOne
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Royal Stables",
|
|
"Elite Breed Registry",
|
|
"Global Auction Group",
|
|
"Arabian Heritage Fund",
|
|
"Champions Circle",
|
|
"Equine Prestige",
|
|
"Global Arabian Show",
|
|
]}
|
|
title="Global Partners"
|
|
description="Collaborating with the most respected names in the equestrian world."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Investment in Legacy"
|
|
description="Choose the perfect media package to showcase your champion."
|
|
plans={[
|
|
{
|
|
id: "basic",
|
|
title: "Essential",
|
|
price: "Contact for Quote",
|
|
period: "/ project",
|
|
features: [
|
|
"Studio Session",
|
|
"10 High-Res Prints",
|
|
"1-Year Hosting",
|
|
],
|
|
button: {
|
|
text: "Inquire",
|
|
href: "/contact",
|
|
},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/professional-camera-tripod_1268-20722.jpg",
|
|
},
|
|
{
|
|
id: "premium",
|
|
title: "Premium",
|
|
price: "Contact for Quote",
|
|
period: "/ project",
|
|
features: [
|
|
"Full Event Coverage",
|
|
"Cinematic Highlight Reel",
|
|
"Brand Consulting",
|
|
"24/7 Priority Support",
|
|
],
|
|
button: {
|
|
text: "Inquire",
|
|
href: "/contact",
|
|
},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/professional-video-camera-movie-set-with-lot-cables_1268-17213.jpg",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "About",
|
|
href: "/about",
|
|
},
|
|
{
|
|
label: "Services",
|
|
href: "/photography",
|
|
},
|
|
{
|
|
label: "Contact",
|
|
href: "/contact",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Instagram",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "YouTube",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "WhatsApp",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Al Jamal Media"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|