Compare commits
22 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 416472a71b | |||
| a5aeda07d2 | |||
| 15416d30b4 | |||
| cadca3ed77 | |||
| d66928964a | |||
| 7708a09e96 | |||
| 53078775e2 | |||
| ad8bb461f8 | |||
| c230753e30 | |||
| 274a8b8446 | |||
| c3fb8ddc98 | |||
| ee9b73c04d | |||
| 18d8167595 | |||
| b307765940 | |||
| 64e2ac57f0 | |||
| d0d3fdd82c | |||
| 7c5c850f41 | |||
| 0476b297bb | |||
| 6973574a90 | |||
| ad9d054312 | |||
| 4d29fa09b9 | |||
| ce45926ae2 |
590
src/app/page.tsx
590
src/app/page.tsx
@@ -2,40 +2,18 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
||||
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
|
||||
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
|
||||
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
|
||||
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
|
||||
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
||||
import {
|
||||
Brain,
|
||||
MessageSquare,
|
||||
Zap,
|
||||
Cloud,
|
||||
Database,
|
||||
Code,
|
||||
Lock,
|
||||
Globe,
|
||||
Shield,
|
||||
Settings,
|
||||
TrendingUp,
|
||||
Users,
|
||||
BarChart3,
|
||||
Cpu,
|
||||
Award,
|
||||
Star,
|
||||
DollarSign,
|
||||
HelpCircle,
|
||||
Sparkles,
|
||||
AlertCircle,
|
||||
Wifi,
|
||||
Bell,
|
||||
Lightbulb,
|
||||
FileText,
|
||||
} from "lucide-react";
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import { Zap, Award, Star, Sparkles, CheckCircle, Users, MessageSquare, Mail } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -54,305 +32,311 @@ export default function LandingPage() {
|
||||
{/* Navbar */}
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
brandName="IntelliAI"
|
||||
brandName="SAAR TECHNOLOGIES"
|
||||
navItems={[
|
||||
{ name: "Features", id: "features-interactive" },
|
||||
{ name: "Capabilities", id: "capabilities-hover" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Hero", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Metrics", id: "metrics" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Social Proof", id: "social-proof" },
|
||||
{ name: "Footer", id: "footer" },
|
||||
]}
|
||||
bottomLeftText="AI Innovation"
|
||||
bottomRightText="hello@intelligentai.com"
|
||||
bottomLeftText="Innovation Hub"
|
||||
bottomRightText="hello@saartechnologies.com"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Features - Interactive */}
|
||||
<div id="features-interactive" data-section="features-interactive">
|
||||
<FeatureBento
|
||||
title="Intelligent Features Built for Scale"
|
||||
description="Harness the power of advanced AI capabilities designed to transform your business. From natural language understanding to predictive analytics, our platform delivers enterprise-grade intelligence."
|
||||
tag="Advanced Capabilities"
|
||||
{/* Hero - Billboard Scroll */}
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
title="Scale Your Enterprise Operations 10x Faster"
|
||||
description="Harness cutting-edge innovations designed to scale with your business. From intelligent automation to data-driven insights, we deliver enterprise-grade solutions that transform operations."
|
||||
tag="Next Generation Tech"
|
||||
tagIcon={Zap}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
features={[
|
||||
{
|
||||
title: "Natural Language Processing", description: "Understand, analyze, and generate human language with unprecedented accuracy", bentoComponent: "chat", aiIcon: Brain,
|
||||
userIcon: MessageSquare,
|
||||
exchanges: [
|
||||
{
|
||||
userMessage: "Analyze this customer feedback for sentiment", aiResponse:
|
||||
"This feedback shows 92% positive sentiment with strong satisfaction indicators. Key themes: reliability, ease of use, and excellent support."},
|
||||
{
|
||||
userMessage: "What are the main pain points mentioned?", aiResponse:
|
||||
"Three primary pain points identified: 1) Onboarding complexity (18% mentions), 2) Integration limitations (12%), 3) Documentation depth (8%)"},
|
||||
],
|
||||
placeholder: "Ask me anything about language understanding..."},
|
||||
{
|
||||
title: "Predictive Analytics", description: "Forecast trends and make data-driven decisions with ML-powered predictions", bentoComponent: "animated-bar-chart"},
|
||||
{
|
||||
title: "Integration Hub", description: "Seamlessly connect to your entire tech stack with 500+ pre-built integrations", bentoComponent: "orbiting-icons", centerIcon: Zap,
|
||||
items: [
|
||||
{ icon: Cloud, ring: 1, duration: 12 },
|
||||
{ icon: Database, ring: 1, duration: 12 },
|
||||
{ icon: Code, ring: 2, duration: 15 },
|
||||
{ icon: Lock, ring: 2, duration: 15 },
|
||||
{ icon: Zap, ring: 3, duration: 20 },
|
||||
{ icon: Globe, ring: 3, duration: 20 },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Real-Time Monitoring", description: "Track AI model performance and system health with live dashboards", bentoComponent: "phone", statusIcon: Wifi,
|
||||
alertIcon: AlertCircle,
|
||||
alertTitle: "Model Performance Alert", alertMessage: "Accuracy improved by 2.3% - new model deployed successfully", apps: [
|
||||
{ name: "Analytics", icon: BarChart3 },
|
||||
{ name: "Models", icon: Brain },
|
||||
{ name: "Insights", icon: Lightbulb },
|
||||
{ name: "Alerts", icon: Bell },
|
||||
{ name: "Settings", icon: Settings },
|
||||
{ name: "Users", icon: Users },
|
||||
{ name: "Reports", icon: FileText },
|
||||
{ name: "Support", icon: HelpCircle },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Capabilities - Hover Pattern */}
|
||||
<div id="capabilities-hover" data-section="capabilities-hover">
|
||||
<FeatureHoverPattern
|
||||
title="Enterprise-Grade AI Infrastructure"
|
||||
description="Our platform combines cutting-edge machine learning, robust APIs, and enterprise security to deliver reliable AI solutions at scale"
|
||||
tag="Technology Stack"
|
||||
tagIcon={Cpu}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Enterprise Security", description: "ISO 27001 certified, SOC 2 compliant, end-to-end encryption with advanced threat detection"},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Lightning Fast Inference", description: "Sub-millisecond response times with distributed GPU infrastructure and optimized model serving"},
|
||||
{
|
||||
icon: Settings,
|
||||
title: "Custom Model Training", description: "Fine-tune AI models on your data with easy-to-use training pipelines and automated optimization"},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
title: "Scalable Infrastructure", description: "Auto-scaling capabilities handling millions of requests per day with 99.99% uptime SLA"},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Collaborative Workspace", description: "Team features, model versioning, experiment tracking, and knowledge sharing tools"},
|
||||
{
|
||||
icon: BarChart3,
|
||||
title: "Advanced Analytics", description: "Detailed insights into model performance, usage patterns, and business impact metrics"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* About - Metrics */}
|
||||
<div id="about-metrics" data-section="about-metrics">
|
||||
<MetricSplitMediaAbout
|
||||
tag="Our Impact"
|
||||
tagIcon={Award}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Over the past 3 years, we've helped Fortune 500 companies and innovative startups harness AI to drive business transformation. Our platform processes billions of transactions daily and has helped clients reduce operational costs by up to 40% while improving efficiency and decision-making."
|
||||
metrics={[
|
||||
{ value: "500+", title: "Enterprise Customers" },
|
||||
{ value: "99.99%", title: "Platform Uptime" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfKW8iKOOuuLvsLmNRO3htCtj9/a-professional-workspace-image-showing-a-1773400189565-d2211d57.png"
|
||||
imageAlt="Tech team collaborating on AI solutions"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Testimonials */}
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
title="Loved by Innovators"
|
||||
description="See what industry leaders say about transforming their business with our AI platform"
|
||||
tag="Testimonials"
|
||||
tagIcon={Star}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
speed={40}
|
||||
topMarqueeDirection="left"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Chen", handle: "VP of Product, TechCorp", testimonial:
|
||||
"IntelliAI transformed our customer service operations. We've reduced response times by 65% while maintaining quality. The platform's ease of use is remarkable.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfKW8iKOOuuLvsLmNRO3htCtj9/a-professional-headshot-photo-of-a-confi-1773400187677-f7d290ca.png", imageAlt: "Sarah Chen"},
|
||||
{
|
||||
id: "2", name: "Michael Rodriguez", handle: "CTO, DataFlow Systems", testimonial:
|
||||
"The integration capabilities are outstanding. We connected to our entire stack in under a week. Support team is incredibly responsive and knowledgeable.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfKW8iKOOuuLvsLmNRO3htCtj9/a-professional-headshot-of-a-female-tech-1773400187904-e95efe1e.png", imageAlt: "Michael Rodriguez"},
|
||||
{
|
||||
id: "3", name: "Emily Watson", handle: "Founder, AI Innovations", testimonial:
|
||||
"This platform accelerated our product launch by 6 months. The pre-built models saved us countless hours of development. Best investment we made.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfKW8iKOOuuLvsLmNRO3htCtj9/a-professional-headshot-of-a-male-cto-or-1773400187881-cd802e5d.png", imageAlt: "Emily Watson"},
|
||||
{
|
||||
id: "4", name: "David Kim", handle: "Head of Analytics, GlobalTech", testimonial:
|
||||
"Predictive accuracy improved our forecasting by 34%. The dashboard gives us real-time insights we never had before. Highly recommended for enterprise.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfKW8iKOOuuLvsLmNRO3htCtj9/a-professional-headshot-of-a-diverse-bus-1773400187585-cbf6033a.png", imageAlt: "David Kim"},
|
||||
{
|
||||
id: "5", name: "Jessica Martinez", handle: "Operations Manager, CloudFirst", testimonial:
|
||||
"Security compliance was seamless. We passed SOC 2 audit without issues. The platform's documentation is thorough and helpful.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfKW8iKOOuuLvsLmNRO3htCtj9/a-professional-headshot-of-a-business-le-1773400187809-055922ab.png", imageAlt: "Jessica Martinez"},
|
||||
{
|
||||
id: "6", name: "Alex Thompson", handle: "Chief Innovation Officer, NextGen", testimonial:
|
||||
"From POC to production in 30 days. The scalability is impressive and pricing is transparent. We're rolling out to all departments.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfKW8iKOOuuLvsLmNRO3htCtj9/a-professional-headshot-of-a-young-profe-1773400188681-f03cb4ae.png", imageAlt: "Alex Thompson"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Pricing */}
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
title="Flexible Pricing for Every Scale"
|
||||
description="Choose the perfect plan for your AI needs. Upgrade or downgrade anytime with no long-term contracts required."
|
||||
tag="Transparent Pricing"
|
||||
tagIcon={DollarSign}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter", price: "$299/mo", name: "Starter", buttons: [
|
||||
{ text: "Get Started", href: "#contact" },
|
||||
{ text: "Learn More", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"Up to 100K API calls/month", "5 custom models", "Basic analytics dashboard", "Email support", "99.9% uptime SLA", "Standard rate limiting"],
|
||||
},
|
||||
{
|
||||
id: "professional", badge: "Most Popular", badgeIcon: Sparkles,
|
||||
price: "$999/mo", name: "Professional", buttons: [
|
||||
{ text: "Start Free Trial", href: "#contact" },
|
||||
{ text: "Contact Sales", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"Up to 5M API calls/month", "Unlimited custom models", "Advanced analytics & reporting", "Priority support", "99.99% uptime SLA", "Enhanced rate limiting", "Team collaboration tools", "Custom integrations"],
|
||||
},
|
||||
{
|
||||
id: "enterprise", price: "Custom", name: "Enterprise", buttons: [
|
||||
{ text: "Contact Sales", href: "#contact" },
|
||||
{ text: "Schedule Demo", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"Unlimited API calls", "Unlimited custom models", "Dedicated infrastructure", "24/7 dedicated support", "99.99% uptime SLA + guarantee", "Custom compliance & security", "Private deployment options", "Volume discounts", "Executive consulting"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* FAQ */}
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about our AI platform, features, pricing, and support"
|
||||
tag="Help & Support"
|
||||
tagIcon={HelpCircle}
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="smooth"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "What AI models does your platform support?", content:
|
||||
"Our platform supports a wide range of pre-trained models including GPT-based language models, computer vision models, recommendation engines, and time-series forecasting models. We also allow you to train and deploy custom models using your own data. All models can be fine-tuned for specific use cases."},
|
||||
{
|
||||
id: "2", title: "How does billing work? Are there setup fees?", content:
|
||||
"We use a pay-as-you-go model based on API calls and usage. There are no setup fees, long-term contracts, or hidden charges. All plans include 30 days free trial. You can upgrade or downgrade your plan at any time, and billing is prorated based on actual usage."},
|
||||
{
|
||||
id: "3", title: "Is my data secure and compliant?", content:
|
||||
"Yes, security is our top priority. We are ISO 27001 certified, SOC 2 Type II compliant, and offer HIPAA compliance options. All data is encrypted in transit and at rest using industry-standard encryption. We perform regular security audits and penetration testing."},
|
||||
{
|
||||
id: "4", title: "What integrations are available?", content:
|
||||
"We offer 500+ pre-built integrations with popular platforms including Salesforce, HubSpot, Slack, Microsoft Teams, AWS, Google Cloud, Azure, and many more. We also provide REST APIs and webhooks for custom integrations and can build custom connectors for enterprise customers."},
|
||||
{
|
||||
id: "5", title: "How long does implementation typically take?", content:
|
||||
"Implementation timeline varies based on complexity. Starter projects can go live in 1-2 weeks, while enterprise deployments typically take 4-8 weeks. We provide dedicated implementation support, technical documentation, and training to ensure smooth deployment."},
|
||||
{
|
||||
id: "6", title: "What kind of support do you provide?", content:
|
||||
"We offer tiered support based on your plan: email support for Starter, priority support for Professional, and 24/7 dedicated support for Enterprise. All plans include access to our comprehensive documentation, video tutorials, and community forum. Enterprise customers receive dedicated account managers."},
|
||||
{
|
||||
id: "7", title: "Can I use the platform for real-time applications?", content:
|
||||
"Absolutely. Our platform is optimized for real-time inference with sub-millisecond response times. We use distributed GPU infrastructure and advanced caching to ensure blazingly fast performance. Most customers achieve latencies under 100ms for complex AI operations."},
|
||||
{
|
||||
id: "8", title: "Do you offer on-premise or private cloud deployments?", content:
|
||||
"Yes, Enterprise customers can deploy our platform on-premises or in their private cloud environments. We support both cloud and on-premise deployments with the same features and performance. Contact our sales team to discuss deployment options."},
|
||||
{
|
||||
id: "9", title: "How do you handle model versioning and rollbacks?", content:
|
||||
"Our platform automatically versions all model changes and deployments. You can easily rollback to any previous version with one click. We also provide A/B testing capabilities to compare model performance before rolling out new versions to production."},
|
||||
{
|
||||
id: "10", title: "What's included in your free trial?", content:
|
||||
"Your 30-day free trial includes full access to all platform features including model training, deployment, monitoring, and analytics. You get 1M API calls to test with. No credit card required to start. We also provide onboarding support to help you get started."},
|
||||
{
|
||||
id: "11", title: "Can I automate model retraining?", content:
|
||||
"Yes, our platform supports automated retraining pipelines. You can set up automated schedules, trigger retraining based on performance metrics, or use custom logic for model updates. The system automatically validates new models before deployment."},
|
||||
{
|
||||
id: "12", title: "How do I monitor model performance?", content:
|
||||
"We provide comprehensive monitoring dashboards showing real-time metrics including accuracy, latency, throughput, error rates, and data drift detection. Automated alerts notify you of performance degradation. Detailed analytics help you understand model behavior and optimize accordingly."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Contact */}
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Ready to Get Started?"
|
||||
tagIcon={Zap}
|
||||
title="Transform Your Business with AI Today"
|
||||
description="Join thousands of companies using our platform to unlock AI potential. Schedule a demo with our team to see how we can help you achieve your goals."
|
||||
buttons={[
|
||||
{ text: "Schedule Demo", href: "#" },
|
||||
{ text: "Contact Sales", href: "mailto:sales@intelligentai.com" },
|
||||
{ text: "Explore Solutions", href: "#features" },
|
||||
{ text: "Get Started", href: "#contact" },
|
||||
]}
|
||||
background={{ variant: "plain" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* About - Media About */}
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
title="Why Choose SAAR TECHNOLOGIES"
|
||||
description="We combine deep technological expertise with proven business methodology to deliver solutions that drive measurable results. Our team of industry veterans brings decades of experience across enterprise transformation, cloud architecture, and digital innovation."
|
||||
tag="About Us"
|
||||
tagIcon={Star}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=about"
|
||||
imageAlt="SAAR Technologies Team"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Learn More", href: "#features" },
|
||||
{ text: "Contact Us", href: "#contact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Features - Feature Border Glow */}
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
title="Powerful Features for Enterprise Scale"
|
||||
description="Everything you need to transform your operations"
|
||||
tag="Core Features"
|
||||
tagIcon={Sparkles}
|
||||
features={[
|
||||
{
|
||||
title: "Intelligent Automation", description: "Automate complex workflows and reduce manual overhead by up to 80%", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Data-Driven Insights", description: "Real-time analytics and predictive intelligence for better decision-making", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
title: "Seamless Integration", description: "Connect with your existing tech stack in minutes, not weeks", icon: Users,
|
||||
},
|
||||
{
|
||||
title: "Enterprise Security", description: "Bank-grade encryption and compliance with all major standards", icon: Award,
|
||||
},
|
||||
]}
|
||||
animationType="opacity"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Explore All Features", href: "#products" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Products - Product Card One */}
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
title="Our Solutions"
|
||||
description="Comprehensive product suite designed for enterprise needs"
|
||||
tag="Products"
|
||||
tagIcon={Star}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Enterprise Platform", price: "Custom", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=product1", imageAlt: "Enterprise Platform"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Cloud Integration", price: "Custom", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=product2", imageAlt: "Cloud Integration"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Analytics Engine", price: "Custom", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=product3", imageAlt: "Analytics Engine"
|
||||
},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="opacity"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "View Pricing", href: "#metrics" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Metrics - Metric Card One */}
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
title="Impact by the Numbers"
|
||||
description="Our clients see transformative results"
|
||||
tag="Success Metrics"
|
||||
tagIcon={Award}
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "10x", title: "Operations Efficiency", description: "Improvement", icon: Zap
|
||||
},
|
||||
{
|
||||
id: "2", value: "40%", title: "Cost Reduction", description: "Average", icon: CheckCircle
|
||||
},
|
||||
{
|
||||
id: "3", value: "6 weeks", title: "Time to Deploy", description: "Faster", icon: Star
|
||||
},
|
||||
{
|
||||
id: "4", value: "95%", title: "Customer Satisfaction", description: "Increase", icon: Award
|
||||
},
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="opacity"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "See Case Studies", href: "#testimonials" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Team - Team Card Five */}
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardFive
|
||||
title="Our Leadership Team"
|
||||
description="Experienced innovators driving transformation"
|
||||
tag="Team"
|
||||
tagIcon={Users}
|
||||
team={[
|
||||
{
|
||||
id: "1", name: "Sarah Chen", role: "CEO & Co-Founder", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=team1", imageAlt: "Sarah Chen"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Michael Rodriguez", role: "CTO & Co-Founder", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=team2", imageAlt: "Michael Rodriguez"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Emily Watson", role: "Chief Product Officer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=team3", imageAlt: "Emily Watson"
|
||||
},
|
||||
{
|
||||
id: "4", name: "James Park", role: "VP of Sales", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=team4", imageAlt: "James Park"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Lisa Johnson", role: "Head of Operations", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=team5", imageAlt: "Lisa Johnson"
|
||||
},
|
||||
]}
|
||||
animationType="opacity"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Join Our Team", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Testimonials - Testimonial Card Six */}
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
title="What Our Clients Say"
|
||||
description="Hear from industry leaders who have transformed their operations"
|
||||
tag="Testimonials"
|
||||
tagIcon={MessageSquare}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "David Thompson", handle: "@dthompson", testimonial: "Transformed our operations completely", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=testimonial1", imageAlt: "David Thompson"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Priya Kapoor", handle: "@pkapoor", testimonial: "Best investment we made for our business", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=testimonial2", imageAlt: "Priya Kapoor"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Marcus Williams", handle: "@mwilliams", testimonial: "Outstanding support and results", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=testimonial3", imageAlt: "Marcus Williams"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Anna Mueller", handle: "@amueller", testimonial: "Exceeded all our expectations", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=testimonial4", imageAlt: "Anna Mueller"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Carlos Lopez", handle: "@clopez", testimonial: "Incredible platform and team", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=testimonial5", imageAlt: "Carlos Lopez"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Rachel Green", handle: "@rgreen", testimonial: "Game-changing solution for enterprises", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=testimonial6", imageAlt: "Rachel Green"
|
||||
},
|
||||
]}
|
||||
animationType="opacity"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Read More Reviews", href: "#contact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* FAQ - FAQ Split Text */}
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Everything you need to know about SAAR Technologies"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How long does implementation take?", content: "Our typical enterprise implementation is completed within 6-8 weeks, depending on your specific requirements and existing infrastructure."
|
||||
},
|
||||
{
|
||||
id: "2", title: "What integrations do you support?", content: "We support integrations with all major enterprise platforms including Salesforce, SAP, Oracle, Microsoft Dynamics, and 500+ other applications through our integration marketplace."
|
||||
},
|
||||
{
|
||||
id: "3", title: "Is your solution secure?", content: "Yes. We maintain SOC 2 Type II, ISO 27001, and GDPR compliance. All data is encrypted end-to-end with multi-layer security protocols."
|
||||
},
|
||||
{
|
||||
id: "4", title: "What support do you provide?", content: "We offer 24/7 enterprise support with dedicated account managers, technical support teams, and onboarding specialists for all clients."
|
||||
},
|
||||
{
|
||||
id: "5", title: "Can we scale with your platform?", content: "Absolutely. Our platform is built for enterprise scale and can handle millions of transactions daily while maintaining performance."
|
||||
},
|
||||
{
|
||||
id: "6", title: "What is your pricing model?", content: "We offer flexible pricing based on usage, deployment model (cloud/on-premise), and feature requirements. Contact sales for a custom quote."
|
||||
},
|
||||
]}
|
||||
faqsAnimation="opacity"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Contact Sales", href: "#contact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Contact - Contact Center */}
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
title="Ready to Transform Your Operations?"
|
||||
description="Get in touch with our team to discuss how SAAR Technologies can accelerate your enterprise growth."
|
||||
tag="Contact"
|
||||
tagIcon={Mail}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Social Proof - Social Proof One */}
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Join the ranks of Fortune 500 companies and innovative startups leveraging our technology solutions."
|
||||
tag="Partners & Clients"
|
||||
tagIcon={Award}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TechCorp International", "Global Innovations Inc", "Digital Futures Ltd", "Enterprise Solutions Group", "Strategic Technologies", "Innovation Partners", "Next Gen Systems", "Advanced Ventures"
|
||||
]}
|
||||
logos={[
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n74um1", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qvy45h", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xt7tmi", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ukzhgj", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hn1944", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=adrve1", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fz24sz", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2oawpm"
|
||||
]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
buttons={[
|
||||
{ text: "View Case Studies", href: "#testimonials" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Footer */}
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="IntelliAI"
|
||||
copyrightText="© 2025 IntelliAI. All rights reserved."
|
||||
logoText="SAAR TECHNOLOGIES"
|
||||
copyrightText="© 2025 SAAR TECHNOLOGIES. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "#features-interactive" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
{ label: "API Documentation", href: "#" },
|
||||
{ label: "Status", href: "#" },
|
||||
title: "Solutions", items: [
|
||||
{ label: "Enterprise Solutions", href: "#products" },
|
||||
{ label: "Technology Stack", href: "#features" },
|
||||
{ label: "Integration Services", href: "#" },
|
||||
{ label: "Support", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about-metrics" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Team", href: "#team" },
|
||||
{ label: "News", href: "#" },
|
||||
{ label: "Press", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{ label: "Documentation", href: "#" },
|
||||
{ label: "Community", href: "#" },
|
||||
{ label: "Support", href: "#" },
|
||||
{ label: "Case Studies", href: "#testimonials" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Security", href: "#" },
|
||||
{ label: "Compliance", href: "#" },
|
||||
{ label: "Partners", href: "#social-proof" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -360,4 +344,4 @@ export default function LandingPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user