Merge version_8 into main #10
260
src/app/page.tsx
260
src/app/page.tsx
@@ -3,10 +3,17 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
|
||||
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
|
||||
import MediaAbout from "@/components/sections/about/MediaAbout";
|
||||
import FeatureBorderGlow from "@/components/sections/feature/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 } from "lucide-react";
|
||||
import { Zap, Award, Star, Sparkles, CheckCircle, Users, MessageSquare, HelpCircle, Mail } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,6 +36,13 @@ export default function LandingPage() {
|
||||
navItems={[
|
||||
{ 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" },
|
||||
]}
|
||||
@@ -45,29 +59,231 @@ export default function LandingPage() {
|
||||
tag="Next Generation Tech"
|
||||
tagIcon={Zap}
|
||||
buttons={[
|
||||
{ text: "Explore Solutions", href: "#about" },
|
||||
{ text: "Get Started", href: "#social-proof" },
|
||||
{ text: "Explore Solutions", href: "#features" },
|
||||
{ text: "Get Started", href: "#contact" },
|
||||
]}
|
||||
background={{ variant: "plain" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* About - Inline Image Split Text */}
|
||||
{/* About - Media About */}
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
<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.", "We partner with you every step of the way, ensuring seamless implementation and sustained success."
|
||||
]}
|
||||
showBorder={true}
|
||||
description="We combine deep technological expertise with proven business methodology to deliver solutions that drive measurable results."
|
||||
subdescription="Our team of industry veterans brings decades of experience across enterprise transformation, cloud architecture, and digital innovation."
|
||||
tag="About Us"
|
||||
tagIcon={Star}
|
||||
icon={Sparkles}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=about"
|
||||
imageAlt="SAAR Technologies Team"
|
||||
mediaAnimation="opacity"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Learn More", href: "#social-proof" },
|
||||
{ text: "Contact Us", href: "#footer" },
|
||||
{ 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={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Intelligent Automation", description: "Automate complex workflows and reduce manual overhead by up to 80%", icon: Zap,
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Data-Driven Insights", description: "Real-time analytics and predictive intelligence for better decision-making", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Seamless Integration", description: "Connect with your existing tech stack in minutes, not weeks", icon: Users,
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
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", title: "Operations Efficiency", subtitle: "Improvement", category: "Speed", value: "10x"},
|
||||
{
|
||||
id: "2", title: "Cost Reduction", subtitle: "Average", category: "Savings", value: "40%"},
|
||||
{
|
||||
id: "3", title: "Time to Deploy", subtitle: "Faster", category: "Timeline", value: "6 weeks"},
|
||||
{
|
||||
id: "4", title: "Customer Satisfaction", subtitle: "Increase", category: "Satisfaction", value: "95%"},
|
||||
]}
|
||||
animationType="opacity"
|
||||
textboxLayout="centered"
|
||||
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}
|
||||
members={[
|
||||
{
|
||||
id: "1", name: "Sarah Chen", role: "CEO & Co-Founder", description: "20+ years in enterprise technology and digital transformation", 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", description: "Former VP of Engineering at Fortune 500 tech company", 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", description: "Specialized in enterprise solutions and customer success", 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", description: "Proven track record scaling B2B SaaS companies", 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", description: "Expert in process optimization and organizational scaling", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=team5", imageAlt: "Lisa Johnson"},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
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've transformed their operations"
|
||||
tag="Testimonials"
|
||||
tagIcon={MessageSquare}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "David Thompson", role: "CTO", company: "Global Innovations Inc", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=testimonial1", imageAlt: "David Thompson"},
|
||||
{
|
||||
id: "2", name: "Priya Kapoor", role: "VP Operations", company: "Digital Futures Ltd", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=testimonial2", imageAlt: "Priya Kapoor"},
|
||||
{
|
||||
id: "3", name: "Marcus Williams", role: "COO", company: "Enterprise Solutions Group", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=testimonial3", imageAlt: "Marcus Williams"},
|
||||
{
|
||||
id: "4", name: "Anna Mueller", role: "CEO", company: "Strategic Technologies", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=testimonial4", imageAlt: "Anna Mueller"},
|
||||
{
|
||||
id: "5", name: "Carlos Lopez", role: "Chief Innovation Officer", company: "Innovation Partners", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=testimonial5", imageAlt: "Carlos Lopez"},
|
||||
{
|
||||
id: "6", name: "Rachel Green", role: "VP Strategy", company: "Next Gen Systems", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=testimonial6", imageAlt: "Rachel Green"},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
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
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about SAAR Technologies"
|
||||
tag="Help & Support"
|
||||
tagIcon={HelpCircle}
|
||||
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's 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."},
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
faqsAnimation="opacity"
|
||||
textboxLayout="default"
|
||||
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}
|
||||
buttons={[
|
||||
{ text: "Schedule a Demo", href: "#" },
|
||||
{ text: "Get in Touch", href: "#" },
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
animationType="opacity"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Social Proof - Social Proof One */}
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
@@ -78,15 +294,13 @@ export default function LandingPage() {
|
||||
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"
|
||||
]}
|
||||
"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"
|
||||
]}
|
||||
"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: "#" }
|
||||
{ text: "View Case Studies", href: "#testimonials" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -99,16 +313,16 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
title: "Solutions", items: [
|
||||
{ label: "Enterprise Solutions", href: "#hero" },
|
||||
{ label: "Technology Stack", href: "#about" },
|
||||
{ label: "Enterprise Solutions", href: "#products" },
|
||||
{ label: "Technology Stack", href: "#features" },
|
||||
{ label: "Integration Services", href: "#" },
|
||||
{ label: "Support", href: "#" },
|
||||
{ label: "Support", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Team", href: "#team" },
|
||||
{ label: "News", href: "#" },
|
||||
{ label: "Press", href: "#" },
|
||||
],
|
||||
@@ -116,8 +330,8 @@ export default function LandingPage() {
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{ label: "Documentation", href: "#" },
|
||||
{ label: "Case Studies", href: "#" },
|
||||
{ label: "Contact", href: "#footer" },
|
||||
{ label: "Case Studies", href: "#testimonials" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Partners", href: "#social-proof" },
|
||||
],
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user