214 lines
8.9 KiB
TypeScript
214 lines
8.9 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"},
|
|
]}
|
|
tag="Most Popular"
|
|
/>
|
|
</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>
|
|
);
|
|
} |