279 lines
16 KiB
TypeScript
279 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
|
|
import TextAbout from "@/components/sections/about/TextAbout";
|
|
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
|
|
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
|
|
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
|
|
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
|
|
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
|
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
|
import FooterCard from "@/components/sections/footer/FooterCard";
|
|
import { Sparkles, Award, Zap, TrendingUp, MessageSquare, DollarSign, Crown, Linkedin, Twitter, Mail } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="grid"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Premium Co"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Get Started", href: "contact" }}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
title="Premium Business Solutions for Modern Enterprises"
|
|
description="Elevate your business with our comprehensive suite of premium services designed to drive growth, innovation, and lasting success in today's competitive market."
|
|
tag="Welcome to Excellence"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "grid" }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg"
|
|
imageAlt="Premium business dashboard interface"
|
|
buttons={[
|
|
{ text: "Explore Services", href: "services" },
|
|
{ text: "Learn More", href: "about" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
tag="About Us"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
title="We are a team of exceptional professionals dedicated to delivering premium solutions that transform businesses and create measurable impact in your industry."
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Discover Our Story", href: "#" },
|
|
{ text: "Work With Us", href: "contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardMedia
|
|
title="Our Premium Services"
|
|
description="Comprehensive solutions engineered to accelerate your business growth and competitive advantage"
|
|
tag="What We Offer"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
animationType="slide-up"
|
|
features={[
|
|
{
|
|
id: "1", title: "Strategic Consulting", description: "Expert guidance to align your business objectives with market opportunities and drive sustainable competitive advantage.", tag: "Strategy", imageSrc: "http://img.b2bpic.net/free-photo/business-scene-top-view_23-2147626514.jpg", imageAlt: "Strategic consulting visualization"
|
|
},
|
|
{
|
|
id: "2", title: "Custom Solutions", description: "Bespoke technology and service solutions tailored to your unique business requirements and industry standards.", tag: "Design", imageSrc: "http://img.b2bpic.net/free-photo/top-view-abstract-innovation-assortment_23-2148909074.jpg", imageAlt: "Custom solution design"
|
|
},
|
|
{
|
|
id: "3", title: "Ongoing Support", description: "Dedicated support team providing continuous optimization, maintenance, and strategic recommendations for long-term success.", tag: "Support", imageSrc: "http://img.b2bpic.net/free-photo/young-support-customer-woman-talking-into-headset-microphone-with-call-center-customer-while-working-startup-company-office-caucasian-female-consultant-providing-telemarketing-service_482257-28282.jpg", imageAlt: "Premium support services"
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "Request Consultation", href: "contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
title="Proven Track Record"
|
|
description="Our metrics demonstrate consistent excellence and measurable business impact across diverse industries and market segments."
|
|
tag="Our Impact"
|
|
tagIcon={TrendingUp}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "500+", title: "Projects Successfully Delivered", items: [
|
|
"Across 15+ industries", "Global client base", "95%+ satisfaction rate"
|
|
]
|
|
},
|
|
{
|
|
id: "2", value: "12+", title: "Years of Industry Excellence", items: [
|
|
"Award-winning team", "Recognized leadership", "Trusted by Fortune 500"
|
|
]
|
|
},
|
|
{
|
|
id: "3", value: "250%", title: "Average Client ROI Growth", items: [
|
|
"Measurable results", "Data-driven strategies", "Performance guaranteed"
|
|
]
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "View Case Studies", href: "#" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="What Our Clients Say"
|
|
description="Hear directly from industry leaders and successful entrepreneurs who have transformed their businesses through our premium solutions."
|
|
tag="Testimonials"
|
|
tagIcon={MessageSquare}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson", handle: "@sarahjohnson_ceo", testimonial: "The premium service and strategic insight from this team transformed our entire business approach. Results exceeded expectations.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "Sarah Johnson"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Chen", handle: "@mchen_ventures", testimonial: "Outstanding partnership. They don't just provide solutions; they become true extensions of your business team.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "Michael Chen"
|
|
},
|
|
{
|
|
id: "3", name: "Emily Rodriguez", handle: "@emily.rodriguez", testimonial: "Professional, innovative, and committed to excellence. This is the gold standard for business consulting.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", imageAlt: "Emily Rodriguez"
|
|
},
|
|
{
|
|
id: "4", name: "David Kim", handle: "@davidkim_tech", testimonial: "Working with this team was a game-changer for our organization. Highly recommend to any serious business.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4", imageAlt: "David Kim"
|
|
},
|
|
{
|
|
id: "5", name: "Jessica Taylor", handle: "@jessica.taylor.brands", testimonial: "Exceptional quality, attention to detail, and genuine commitment to our success. Five stars across the board.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=5", imageAlt: "Jessica Taylor"
|
|
},
|
|
{
|
|
id: "6", name: "Robert Martinez", handle: "@rmartinez_enterprise", testimonial: "The best investment we've made for our business growth. Their expertise is unmatched in the industry.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=6", imageAlt: "Robert Martinez"
|
|
}
|
|
]}
|
|
speed={40}
|
|
topMarqueeDirection="left"
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardThree
|
|
title="Premium Pricing Plans"
|
|
description="Transparent, flexible pricing tailored to businesses of all sizes. Choose the plan that best fits your needs and scale as you grow."
|
|
tag="Pricing"
|
|
tagIcon={DollarSign}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
plans={[
|
|
{
|
|
id: "starter", price: "$5,999/month", name: "Starter Plan", buttons: [
|
|
{ text: "Get Started", href: "contact" },
|
|
{ text: "Learn More", href: "#" }
|
|
],
|
|
features: [
|
|
"Up to 2 strategic consultations per month", "Basic solution implementation", "Email support", "Monthly performance reports", "Access to resource library"
|
|
]
|
|
},
|
|
{
|
|
id: "professional", badge: "Most Popular", badgeIcon: Crown,
|
|
price: "$12,999/month", name: "Professional Plan", buttons: [
|
|
{ text: "Get Started", href: "contact" },
|
|
{ text: "Learn More", href: "#" }
|
|
],
|
|
features: [
|
|
"Unlimited strategic consultations", "Custom solution development", "Priority phone & email support", "Bi-weekly performance reviews", "Dedicated account manager", "Advanced analytics dashboard"
|
|
]
|
|
},
|
|
{
|
|
id: "enterprise", price: "Custom", name: "Enterprise Plan", buttons: [
|
|
{ text: "Contact Sales", href: "contact" },
|
|
{ text: "Schedule Demo", href: "#" }
|
|
],
|
|
features: [
|
|
"Fully customized solutions", "24/7 dedicated support team", "Weekly executive reviews", "Custom integration services", "Advanced security & compliance", "Strategic partnership model"
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
sideTitle="Frequently Asked Questions"
|
|
sideDescription="Find answers to common questions about our services, pricing, and implementation process."
|
|
textPosition="left"
|
|
useInvertedBackground={true}
|
|
animationType="smooth"
|
|
showCard={true}
|
|
faqsAnimation="none"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How do you customize solutions for different industries?", content: "We conduct comprehensive industry analysis and stakeholder interviews to understand your unique market position, competitive landscape, and specific challenges. Our solutions are then architected specifically for your business model and objectives."
|
|
},
|
|
{
|
|
id: "2", title: "What is your typical project timeline?", content: "Timelines vary based on project scope and complexity. Starter implementations typically take 4-6 weeks, while comprehensive enterprise solutions may take 3-6 months. We provide detailed timelines during the consultation phase."
|
|
},
|
|
{
|
|
id: "3", title: "Do you provide ongoing support after implementation?", content: "Yes, all our plans include comprehensive ongoing support. Professional and Enterprise plans feature dedicated account managers and regular performance reviews to ensure continuous optimization and success."
|
|
},
|
|
{
|
|
id: "4", title: "How is success measured and reported?", content: "We establish clear KPIs at the start and provide regular performance reports. Metrics are customized to your business objectives and tracked through our advanced analytics dashboard."
|
|
},
|
|
{
|
|
id: "5", title: "Can I upgrade or change my plan?", content: "Absolutely. Your plan can be modified at any time to accommodate your changing business needs. We work with you to ensure seamless transitions between different service levels."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Get In Touch"
|
|
description="Ready to elevate your business? Contact our team to discuss how we can help you achieve your goals and drive measurable growth."
|
|
inputs={[
|
|
{ name: "firstName", type: "text", placeholder: "First Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Business Email", required: true },
|
|
{ name: "company", type: "text", placeholder: "Company Name", required: true },
|
|
{ name: "phone", type: "tel", placeholder: "Phone Number", required: false }
|
|
]}
|
|
textarea={{ name: "message", placeholder: "Tell us about your business goals and challenges", rows: 5, required: true }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/business-executives-discussing-digital-tablet_107420-65750.jpg"
|
|
imageAlt="Contact form illustration"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
buttonText="Send Message"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Premium Co"
|
|
copyrightText="© 2025 Premium Co. All rights reserved. | Crafted with excellence"
|
|
socialLinks={[
|
|
{ icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" },
|
|
{ icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
|
|
{ icon: Mail, href: "mailto:hello@premiumco.com", ariaLabel: "Email" }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |