258 lines
15 KiB
TypeScript
258 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import HeroSplit from "@/components/sections/hero/HeroSplit";
|
|
import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
|
|
import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
|
|
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
|
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
|
|
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
|
|
import FooterCard from "@/components/sections/footer/FooterCard";
|
|
import { Sparkles, Zap, Tag, Award, Heart, Facebook, Instagram, Linkedin, Youtube, Smartphone, TrendingUp, Camera } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "Pricing", id: "/pricing" },
|
|
{ name: "Portfolio", id: "/portfolio" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Contact", id: "/contact" },
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="aurora"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple brandName="JayaLanka Digital" navItems={navItems} />
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
title="We Make Your Brand Unforgettable"
|
|
description="Transform your digital presence with cutting-edge videography, strategic social media marketing, and creative content that captures hearts and drives conversions."
|
|
background={{ variant: "glowing-orb" }}
|
|
tag="Digital Excellence"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Get Started", href: "/contact" },
|
|
{ text: "View Our Work", href: "/portfolio" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZurNOG75yXOFa2Il3PKpinWGc/a-professional-digital-marketing-creativ-1772812714162-bbecd80b.png"
|
|
imageAlt="JayaLanka Digital Solutions - Professional videography and marketing"
|
|
mediaAnimation="slide-up"
|
|
imagePosition="right"
|
|
fixedMediaHeight={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services-overview" data-section="services-overview">
|
|
<FeatureCardSix
|
|
title="Our Digital Services"
|
|
description="Comprehensive solutions designed to elevate your brand and maximize your digital impact across all platforms."
|
|
tag="What We Offer"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Social Media Marketing", description: "Strategic content creation and community management across Facebook, Instagram, TikTok, and more. Build authentic connections with your audience.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZurNOG75yXOFa2Il3PKpinWGc/modern-social-media-management-interface-1772812715194-61491936.png"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Professional Videography", description: "Stunning visual storytelling with mobile and camera-based videography. Perfect for product launches, brand narratives, and event coverage.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZurNOG75yXOFa2Il3PKpinWGc/professional-videographer-with-high-end--1772812713882-13f5f299.png"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Advertisement Reels", description: "Short-form, high-impact video content optimized for maximum engagement. Drive awareness and conversions with viral-ready reels.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZurNOG75yXOFa2Il3PKpinWGc/dynamic-short-form-video-content-reel-be-1772812714612-151d8c21.png"
|
|
},
|
|
{
|
|
id: 4,
|
|
title: "Product Photography", description: "Professional product photography that showcases your offerings beautifully. Perfect for e-commerce, catalogs, and marketing materials.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZurNOG75yXOFa2Il3PKpinWGc/professional-product-photography-setup-s-1772812714362-4f161a67.png"
|
|
},
|
|
{
|
|
id: 5,
|
|
title: "Product Marketing", description: "Integrated marketing strategies to position and promote your products effectively. From strategy to execution, we've got you covered.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZurNOG75yXOFa2Il3PKpinWGc/marketing-team-in-brainstorming-session--1772812713714-bb2956e7.png"
|
|
},
|
|
{
|
|
id: 6,
|
|
title: "Ad Campaign Management", description: "Data-driven campaign management to maximize ROI. Expert handling of Facebook, Instagram, Google, and TikTok advertising.", imageSrc: "/placeholders/placeholder1.webp"
|
|
}
|
|
]}
|
|
buttons={[{ text: "Explore All Services", href: "/services" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing-preview" data-section="pricing-preview">
|
|
<PricingCardTwo
|
|
title="Flexible Pricing Packages"
|
|
description="Choose the perfect plan tailored to your business needs. All packages include strategy, execution, and monthly reporting."
|
|
tag="Transparent Pricing"
|
|
tagIcon={Tag}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
animationType="slide-up"
|
|
plans={[
|
|
{
|
|
id: "mobile-starter", badge: "Mobile Starter", badgeIcon: Smartphone,
|
|
price: "₨ 25,000", subtitle: "Perfect for small brands starting their digital journey", buttons: [
|
|
{ text: "Get Started", href: "/contact" },
|
|
{ text: "Learn More", href: "/pricing" },
|
|
],
|
|
features: [
|
|
"2 Social Media Platforms (Facebook, Instagram, TikTok)", "3 Advertisement Reels", "Basic Product Photography", "Monthly Report & Strategy", "Email Support"
|
|
],
|
|
},
|
|
{
|
|
id: "mobile-growth", badge: "Mobile Growth", badgeIcon: TrendingUp,
|
|
price: "₨ 38,000", subtitle: "For growing businesses ready to scale", buttons: [
|
|
{ text: "Get Started", href: "/contact" },
|
|
{ text: "Learn More", href: "/pricing" },
|
|
],
|
|
features: [
|
|
"2 Social Media Platforms + Multi-channel Support", "4 Advertisement Reels", "Basic Product Photography", "Ad Campaign Setup & Management", "2 Creative Posts Monthly", "Priority Email Support"
|
|
],
|
|
},
|
|
{
|
|
id: "camera-starter", badge: "Camera Starter", badgeIcon: Camera,
|
|
price: "₨ 55,000", subtitle: "Professional videography for serious brands", buttons: [
|
|
{ text: "Get Started", href: "/contact" },
|
|
{ text: "Learn More", href: "/pricing" },
|
|
],
|
|
features: [
|
|
"Professional Camera Videography", "4K Video Production", "Cinematic Editing", "Social Media Optimization", "Monthly Strategy Call", "Revision Support"
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="portfolio" data-section="portfolio">
|
|
<ProductCardTwo
|
|
title="Featured Portfolio Work"
|
|
description="Showcase of our best projects - from stunning videography to viral social media content that delivers real results."
|
|
tag="Our Best Work"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
gridVariant="bento-grid"
|
|
products={[
|
|
{
|
|
id: "1", brand: "JayaLanka", name: "Product Launch Campaign", price: "2.5M Views", rating: 5,
|
|
reviewCount: "1.2k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZurNOG75yXOFa2Il3PKpinWGc/a-stunning-product-launch-campaign-visua-1772812716813-acef99fd.png"
|
|
},
|
|
{
|
|
id: "2", brand: "JayaLanka", name: "Wedding Videography Series", price: "15 Videos", rating: 5,
|
|
reviewCount: "850", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZurNOG75yXOFa2Il3PKpinWGc/beautiful-wedding-videography-screenshot-1772812715816-1e9dfbe3.png"
|
|
},
|
|
{
|
|
id: "3", brand: "JayaLanka", name: "E-Commerce Product Photos", price: "500+ Images", rating: 5,
|
|
reviewCount: "320", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZurNOG75yXOFa2Il3PKpinWGc/professional-e-commerce-product-photogra-1772812713777-bef39ad4.png"
|
|
},
|
|
{
|
|
id: "4", brand: "JayaLanka", name: "Social Media Content Series", price: "120 Posts", rating: 5,
|
|
reviewCount: "650", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZurNOG75yXOFa2Il3PKpinWGc/collection-of-vibrant-social-media-conte-1772812714693-183bfd80.png"
|
|
},
|
|
{
|
|
id: "5", brand: "JayaLanka", name: "Corporate Event Coverage", price: "8 Hours", rating: 5,
|
|
reviewCount: "420", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZurNOG75yXOFa2Il3PKpinWGc/professional-event-videography-capture-s-1772812714036-e4aa3893.png"
|
|
},
|
|
{
|
|
id: "6", brand: "JayaLanka", name: "Advertisement Reel Campaign", price: "8M Impressions", rating: 5,
|
|
reviewCount: "920", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZurNOG75yXOFa2Il3PKpinWGc/eye-catching-advertisement-campaign-feat-1772812715516-bb238f90.png"
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
title="Client Success Stories"
|
|
description="Trusted by leading brands across Sri Lanka. See what our clients say about transforming their digital presence."
|
|
tag="Testimonials"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
animationType="slide-up"
|
|
gridVariant="uniform-all-items-equal"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Amara Jayasinghe", role: "Founder & CEO", company: "Elite Fashion Boutique", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZurNOG75yXOFa2Il3PKpinWGc/professional-headshot-of-a-successful-sr-1772812712998-5e5abbd4.png"
|
|
},
|
|
{
|
|
id: "2", name: "Roshan Perera", role: "Marketing Director", company: "TechHub Solutions", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZurNOG75yXOFa2Il3PKpinWGc/professional-headshot-of-a-sri-lankan-ma-1772812714680-c83cb883.png"
|
|
},
|
|
{
|
|
id: "3", name: "Priya Wickramasinghe", role: "Owner", company: "Luxury Wedding Planners", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZurNOG75yXOFa2Il3PKpinWGc/professional-headshot-of-an-elegant-sri--1772812715483-4700f945.png"
|
|
},
|
|
{
|
|
id: "4", name: "Kasun De Silva", role: "E-Commerce Manager", company: "Sri Lanka Crafts Co.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZurNOG75yXOFa2Il3PKpinWGc/professional-headshot-of-a-sri-lankan-ma-1772812713183-cc1b25d9.png"
|
|
},
|
|
{
|
|
id: "5", name: "Nirmala Kumara", role: "Business Owner", company: "Health & Wellness Spa", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZurNOG75yXOFa2Il3PKpinWGc/professional-headshot-of-a-sri-lankan-wo-1772812713168-3240374b.png"
|
|
},
|
|
{
|
|
id: "6", name: "Dev Wijewardena", role: "Product Manager", company: "Digital Innovations Ltd", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZurNOG75yXOFa2Il3PKpinWGc/professional-headshot-of-a-sri-lankan-ma-1772812713307-5c82e177.png"
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="cta-contact" data-section="cta-contact">
|
|
<TextSplitAbout
|
|
title="Ready to Transform Your Digital Presence?"
|
|
description={[
|
|
"Let's create something extraordinary together. Whether you're looking to launch a campaign, build your brand, or maximize your digital potential, our team is ready to bring your vision to life.", "Contact us today for a free consultation and discover how JayaLanka Digital Solutions can elevate your business."
|
|
]}
|
|
buttons={[
|
|
{ text: "Schedule Consultation", href: "/contact" },
|
|
{ text: "View All Services", href: "/services" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
showBorder={true}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="JayaLanka Digital"
|
|
copyrightText="© 2025 JayaLanka Digital Solutions. All rights reserved."
|
|
socialLinks={[
|
|
{ icon: Facebook, href: "https://facebook.com/jayalankadigital", ariaLabel: "Facebook" },
|
|
{ icon: Instagram, href: "https://instagram.com/jayalankadigital", ariaLabel: "Instagram" },
|
|
{ icon: Linkedin, href: "https://linkedin.com/company/jayalankadigital", ariaLabel: "LinkedIn" },
|
|
{ icon: Youtube, href: "https://youtube.com/@jayalankadigital", ariaLabel: "YouTube" },
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|