diff --git a/src/app/page.tsx b/src/app/page.tsx index f59e62f..25fa826 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -10,50 +10,49 @@ import TestimonialCardFifteen from "@/components/sections/testimonial/Testimonia import PricingCardEight from "@/components/sections/pricing/PricingCardEight"; import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal"; import ContactCenter from "@/components/sections/contact/ContactCenter"; -import { Zap, Shield, Rocket, Target, Sparkles, Crown, Mail, Users, Layers, Code, MessageCircleMore } from "lucide-react"; -import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia"; +import { Zap, Shield, Rocket, Target, Sparkles, Crown, Mail, Users, Layers, Code } from "lucide-react"; export default function SaasTemplatePage() { const navItems = [ { name: "Features", id: "features" }, { name: "Pricing", id: "pricing" }, { name: "About", id: "about" }, - { name: "Contact", id: "contact" } + { name: "Contact", id: "contact" }, ]; const avatars = [ { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/testimonial/testimonial1.webp", alt: "User 1" }, { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image5.avif", alt: "User 1" }, { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image7.avif", alt: "User 1" }, - { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image8.avif", alt: "User 1" } + { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image8.avif", alt: "User 1" }, ]; const features: FeatureCard[] = [ { - bentoComponent: "globe", title: "Global Reach", description: "Connect with users worldwide through our distributed infrastructure" + bentoComponent: "globe", + title: "Global Reach", + description: "Connect with users worldwide through our distributed infrastructure", }, { - bentoComponent: "marquee", variant: "text", centerIcon: Zap, + bentoComponent: "marquee", + variant: "text", + centerIcon: Zap, texts: ["Fast", "Reliable", "Secure", "Scalable", "Modern"], - title: "Built for Speed", description: "Lightning fast performance with optimized delivery" + title: "Built for Speed", + description: "Lightning fast performance with optimized delivery", }, { - bentoComponent: "3d-stack-cards", items: [ + bentoComponent: "3d-stack-cards", + items: [ { icon: Shield, title: "Security", subtitle: "Enterprise-grade", detail: "Bank-level encryption" }, { icon: Rocket, title: "Performance", subtitle: "99.9% uptime", detail: "Always available" }, - { icon: Target, title: "Accuracy", subtitle: "100% reliable", detail: "Data you can trust" } + { icon: Target, title: "Accuracy", subtitle: "100% reliable", detail: "Data you can trust" }, ], - title: "Built for Scale", description: "Deploy to any region with automatic failover support" + title: "Built for Scale", + description: "Deploy to any region with automatic failover support", } ]; - const faqItems = [ - { id: "faq-1", title: "How does SaasApp ensure data security?", content: "SaasApp employs bank-level encryption, regular security audits, and strict compliance protocols to protect your data. We ensure all data is securely stored and transmitted." }, - { id: "faq-2", title: "What kind of support can I expect with SaasApp?", content: "We offer 24/7 email support for all plans, with priority support for Pro users and a dedicated account manager for Enterprise clients. Our comprehensive documentation and community forums are also available." }, - { id: "faq-3", title: "Can I customize SaasApp to fit my specific needs?", content: "Yes, SaasApp is designed with a modular architecture and clean APIs, allowing for extensive customization and seamless integration with your existing workflows. Enterprise plans offer custom integrations." }, - { id: "faq-4", title: "Is there a free trial available for SaasApp?", content: "Absolutely! All of our plans come with a 14-day free trial, allowing you to explore SaasApp's powerful features and see how it can accelerate your SaaS development." } - ]; - return ( @@ -65,59 +64,65 @@ export default function SaasTemplatePage() { console.log("Get Started clicked") + text: "Get Started", + onClick: () => console.log("Get Started clicked"), }, { - text: "Learn More", onClick: () => console.log("Learn More clicked") - } + text: "Learn More", + onClick: () => console.log("Learn More clicked"), + }, ]} marqueeItems={[ { type: "text-icon", text: "Lightning Fast", icon: Zap }, { type: "text-icon", text: "Enterprise Security", icon: Shield }, { type: "text-icon", text: "99.9% Uptime", icon: Rocket }, { type: "text-icon", text: "Precision Targeting", icon: Target }, - { type: "text-icon", text: "AI Powered", icon: Sparkles } + { type: "text-icon", text: "AI Powered", icon: Sparkles }, ]} /> console.log("Starter clicked") } + id: "starter", + badge: "Starter", + badgeIcon: Zap, + price: "$19/mo", + subtitle: "Perfect for individuals", + buttons: [ + { text: "Get Started", onClick: () => console.log("Starter clicked") }, ], features: [ - "Up to 5 projects", "Basic analytics", "24/7 email support", "API access" - ] + "Up to 5 projects", + "Basic analytics", + "24/7 email support", + "API access", + ], }, { - id: "pro", badge: "Pro", badgeIcon: Rocket, - price: "$49/mo", subtitle: "For growing teams", buttons: [ - { text: "Get Started", onClick: () => console.log("Pro clicked") } + id: "pro", + badge: "Pro", + badgeIcon: Rocket, + price: "$49/mo", + subtitle: "For growing teams", + buttons: [ + { text: "Get Started", onClick: () => console.log("Pro clicked") }, ], features: [ - "Unlimited projects", "Advanced analytics", "Priority support", "Custom integrations", "Team collaboration" - ] + "Unlimited projects", + "Advanced analytics", + "Priority support", + "Custom integrations", + "Team collaboration", + ], }, { - id: "enterprise", badge: "Enterprise", badgeIcon: Crown, - price: "$99/mo", subtitle: "For large organizations", buttons: [ - { text: "Contact Sales", onClick: () => console.log("Enterprise clicked") } + id: "enterprise", + badge: "Enterprise", + badgeIcon: Crown, + price: "$99/mo", + subtitle: "For large organizations", + buttons: [ + { text: "Contact Sales", onClick: () => console.log("Enterprise clicked") }, ], features: [ - "Everything in Pro", "Dedicated account manager", "Custom SLA", "On-premise deployment", "Advanced security" - ] - } + "Everything in Pro", + "Dedicated account manager", + "Custom SLA", + "On-premise deployment", + "Advanced security", + ], + }, ]} /> -
- -
console.log("Email submitted:", email)} />