218 lines
10 KiB
TypeScript
218 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import { Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="grid"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "Services", id: "#services"},
|
|
{
|
|
name: "Testimonials", id: "#testimonials"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="Idan Premium"
|
|
button={{
|
|
text: "Get In Touch", href: "#contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardGallery
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
title="Premium Marketing for Growth-Focused Brands"
|
|
description="We help ambitious businesses scale through data-driven strategies and premium creative storytelling. Idan Premium is your partner in market dominance."
|
|
buttons={[
|
|
{
|
|
text: "Get Started", href: "#contact"},
|
|
{
|
|
text: "Learn More", href: "#about"},
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/modern-high-end-agency-workspace-high-te-1774608951185-158d081e.png?_wi=1", imageAlt: "Modern agency workspace"},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/professional-team-working-at-a-modern-de-1774608951225-383b8bd5.png?_wi=1", imageAlt: "Marketing team collaborating"},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/abstract-background-featuring-soft-blue--1774608950966-5d44653a.png?_wi=1", imageAlt: "Abstract brand visuals"},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/abstract-background-featuring-soft-blue--1774608950047-9630d8d8.png?_wi=1", imageAlt: "Data-driven growth chart"},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/abstract-background-featuring-soft-blue--1774608950824-19516b07.png?_wi=1", imageAlt: "Creative content production"},
|
|
]}
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={false}
|
|
tag="Our Philosophy"
|
|
title="Strategy Meets Creativity"
|
|
description="Idan Premium isn't just an agency; it's an extension of your business intelligence. We bridge the gap between creative expression and measurable ROI."
|
|
subdescription="Our team of experts utilizes cutting-edge analytics to ensure every campaign touches the right audience at the right time."
|
|
icon={Zap}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/professional-team-working-at-a-modern-de-1774608951225-383b8bd5.png?_wi=2"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Brand Strategy", description: "Defining your brand's core identity and market positioning for long-term recognition.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/abstract-background-featuring-soft-blue--1774608950966-5d44653a.png?_wi=1"},
|
|
{
|
|
id: 2,
|
|
title: "Digital Growth", description: "Performance-based marketing that converts audience into lifelong loyal customers.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/abstract-background-featuring-soft-blue--1774608950047-9630d8d8.png?_wi=1"},
|
|
{
|
|
id: 3,
|
|
title: "Content Creation", description: "High-end visual and written content that captures hearts and dominates feeds.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/abstract-background-featuring-soft-blue--1774608950824-19516b07.png?_wi=1"},
|
|
]}
|
|
title="Premium Solutions for Modern Brands"
|
|
description="We offer a suite of marketing services designed for performance and scale."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"InnovateTech", "GrowthInc", "GlobalTrade", "FutureAI", "CloudScale", "VisionaryCo", "PrimeLogistics"]}
|
|
title="Trusted by Market Leaders"
|
|
description="We've empowered brands to reach the summit of their potential."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Jenkins", handle: "@sarahj", testimonial: "The strategies deployed by Idan Premium shifted our revenue trajectory by 40% in just six months.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/abstract-background-featuring-soft-blue--1774608950966-5d44653a.png?_wi=2"},
|
|
{
|
|
id: "2", name: "Michael Thorne", handle: "@mthorne", testimonial: "Unmatched attention to detail. Every dollar spent was optimized for maximum conversion.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/abstract-background-featuring-soft-blue--1774608950047-9630d8d8.png?_wi=2"},
|
|
{
|
|
id: "3", name: "Elena Rodriguez", handle: "@erod", testimonial: "Their content creation team redefined our visual identity. It's truly premium stuff.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/abstract-background-featuring-soft-blue--1774608950824-19516b07.png?_wi=2"},
|
|
{
|
|
id: "4", name: "David Vanhout", handle: "@dv_corp", testimonial: "Finally, a marketing team that understands business intelligence as well as creative design.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/abstract-background-featuring-soft-blue--1774608951128-684a9c75.png"},
|
|
]}
|
|
showRating={true}
|
|
title="Client Success Stories"
|
|
description="Don't take our word for it—here is what our partners say."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How do you measure success?", content: "We rely on data-driven KPIs like conversion rates, ROAS, and customer lifetime value (CLV)."},
|
|
{
|
|
id: "2", title: "What makes you premium?", content: "Our 'premium' promise refers to our high-touch strategy, executive-level communication, and bespoke creative production."},
|
|
{
|
|
id: "3", title: "Do you work with startups?", content: "Yes, we partner with growth-oriented startups that are ready for aggressive scale."},
|
|
]}
|
|
title="Common Questions"
|
|
description="Everything you need to know about working with us."
|
|
faqsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
tag="Get in Touch"
|
|
title="Ready to Scale Your Brand?"
|
|
description="Let's discuss how Idan Premium can elevate your marketing strategy today."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Careers", href: "#"},
|
|
{
|
|
label: "Press", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Services", href: "#services"},
|
|
{
|
|
label: "Case Studies", href: "#"},
|
|
{
|
|
label: "Insights", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
{
|
|
label: "Contact", href: "#contact"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Idan Premium"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|