Compare commits
6 Commits
14b7479d6e
...
0948375f1a
| Author | SHA1 | Date | |
|---|---|---|---|
| 0948375f1a | |||
| a8e2b56959 | |||
| 0c973352d5 | |||
| d7755aa61b | |||
| 4ac22d28c0 | |||
| 98a1c2f317 |
@@ -6,6 +6,7 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import { useBlogPosts } from "@/hooks/useBlogPosts";
|
||||
import Link from "next/link";
|
||||
|
||||
export default function BlogPage() {
|
||||
const { posts, isLoading } = useBlogPosts();
|
||||
@@ -17,7 +18,7 @@ export default function BlogPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="aurora"
|
||||
background="circleGradient"
|
||||
cardStyle="elevated"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="glass"
|
||||
@@ -32,7 +33,9 @@ export default function BlogPage() {
|
||||
{ name: "How It Works", id: "about" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Resources", id: "faq" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Blog", id: "/blog" },
|
||||
{ name: "Shop", id: "/shop" }
|
||||
]}
|
||||
button={{ text: "Start Free Trial", href: "contact" }}
|
||||
brandName="SecureAutomate"
|
||||
|
||||
@@ -5,36 +5,22 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const openSans = Open_Sans({
|
||||
variable: "--font-open-sans",
|
||||
subsets: ["latin"],
|
||||
variable: "--font-open-sans", subsets: ["latin"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Automated Penetration Testing | SecureAutomate",
|
||||
description: "Continuous blackbox penetration testing that automatically discovers vulnerabilities in your infrastructure 24/7. Start securing your applications today.",
|
||||
keywords: "penetration testing, vulnerability scanning, security automation, cybersecurity, application security",
|
||||
robots: {
|
||||
title: "Automated Penetration Testing | SecureAutomate", description: "Continuous blackbox penetration testing that automatically discovers vulnerabilities in your infrastructure 24/7. Start securing your applications today.", keywords: "penetration testing, vulnerability scanning, security automation, cybersecurity, application security", robots: {
|
||||
index: true,
|
||||
follow: true,
|
||||
},
|
||||
openGraph: {
|
||||
title: "Automated Penetration Testing Platform",
|
||||
description: "Continuous security validation without manual overhead. Protect your infrastructure from emerging threats.",
|
||||
type: "website",
|
||||
siteName: "SecureAutomate",
|
||||
url: "https://secureautomate.com",
|
||||
images: [
|
||||
title: "Automated Penetration Testing Platform", description: "Continuous security validation without manual overhead. Protect your infrastructure from emerging threats.", type: "website", siteName: "SecureAutomate", url: "https://secureautomate.com", images: [
|
||||
{
|
||||
url: "https://img.b2bpic.net/free-photo/employee-receiving-access-denied-notification-pc-display-data-center_482257-118043.jpg",
|
||||
alt: "SecureAutomate Platform",
|
||||
},
|
||||
url: "https://img.b2bpic.net/free-photo/employee-receiving-access-denied-notification-pc-display-data-center_482257-118043.jpg", alt: "SecureAutomate Platform"},
|
||||
],
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image",
|
||||
title: "Automated Penetration Testing | SecureAutomate",
|
||||
description: "Continuous blackbox security testing for enterprise infrastructure.",
|
||||
images: ["https://img.b2bpic.net/free-photo/employee-receiving-access-denied-notification-pc-display-data-center_482257-118043.jpg"],
|
||||
card: "summary_large_image", title: "Automated Penetration Testing | SecureAutomate", description: "Continuous blackbox security testing for enterprise infrastructure.", images: ["https://img.b2bpic.net/free-photo/employee-receiving-access-denied-notification-pc-display-data-center_482257-118043.jpg"],
|
||||
},
|
||||
};
|
||||
|
||||
|
||||
178
src/app/page.tsx
178
src/app/page.tsx
@@ -22,7 +22,7 @@ export default function SecurityPlatformPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="aurora"
|
||||
background="circleGradient"
|
||||
cardStyle="elevated"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="glass"
|
||||
@@ -46,7 +46,7 @@ export default function SecurityPlatformPage() {
|
||||
<HeroBillboardCarousel
|
||||
title="Automate Your Penetration Testing"
|
||||
description="Continuous security validation without the manual overhead. Our platform automates blackbox penetration testing to identify vulnerabilities before attackers do."
|
||||
background={{ variant: "aurora" }}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Security Automation"
|
||||
tagIcon={Shield}
|
||||
buttons={[
|
||||
@@ -69,19 +69,13 @@ export default function SecurityPlatformPage() {
|
||||
description="Our intelligent automation platform simplifies security testing at scale."
|
||||
tabs={[
|
||||
{
|
||||
id: "scan",
|
||||
label: "Automated Scanning",
|
||||
description: "Our advanced algorithms simulate real-world attack patterns to identify vulnerabilities across web applications, APIs, and infrastructure without disrupting your operations."
|
||||
id: "scan", label: "Automated Scanning", description: "Our advanced algorithms simulate real-world attack patterns to identify vulnerabilities across web applications, APIs, and infrastructure without disrupting your operations."
|
||||
},
|
||||
{
|
||||
id: "analyze",
|
||||
label: "Deep Analysis",
|
||||
description: "Machine learning models analyze findings to eliminate false positives and prioritize actual security risks by severity and exploitability."
|
||||
id: "analyze", label: "Deep Analysis", description: "Machine learning models analyze findings to eliminate false positives and prioritize actual security risks by severity and exploitability."
|
||||
},
|
||||
{
|
||||
id: "remediate",
|
||||
label: "Guided Remediation",
|
||||
description: "Get step-by-step remediation guidance tailored to your technology stack, helping development teams fix issues quickly and correctly."
|
||||
id: "remediate", label: "Guided Remediation", description: "Get step-by-step remediation guidance tailored to your technology stack, helping development teams fix issues quickly and correctly."
|
||||
}
|
||||
]}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/security-guard-using-walkie-talkie-handling-crowd-angry-aggressive-people-trying-break-into-shopping-mall-black-friday-crazy-anxious-shoppers-breaking-into-store-buy-things-sale_482257-67439.jpg"
|
||||
@@ -99,32 +93,16 @@ export default function SecurityPlatformPage() {
|
||||
tag="Enterprise Features"
|
||||
features={[
|
||||
{
|
||||
id: "01",
|
||||
title: "Continuous Scanning",
|
||||
description: "Automatically discover and test vulnerabilities across your entire infrastructure 24/7 without manual intervention.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/information-technology-connection-graphics-concept_53876-121040.jpg",
|
||||
imageAlt: "Continuous scanning system"
|
||||
id: "01", title: "Continuous Scanning", description: "Automatically discover and test vulnerabilities across your entire infrastructure 24/7 without manual intervention.", imageSrc: "https://img.b2bpic.net/free-photo/information-technology-connection-graphics-concept_53876-121040.jpg", imageAlt: "Continuous scanning system"
|
||||
},
|
||||
{
|
||||
id: "02",
|
||||
title: "Intelligent Reporting",
|
||||
description: "Generate detailed, executive-ready reports with actionable insights and remediation guidance for each finding.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg",
|
||||
imageAlt: "Advanced reporting dashboard"
|
||||
id: "02", title: "Intelligent Reporting", description: "Generate detailed, executive-ready reports with actionable insights and remediation guidance for each finding.", imageSrc: "https://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg", imageAlt: "Advanced reporting dashboard"
|
||||
},
|
||||
{
|
||||
id: "03",
|
||||
title: "Seamless Integration",
|
||||
description: "Connect with your existing DevSecOps stack, CI/CD pipelines, and security tools in minutes.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/panicked-woman-office-requests-help-from-colleagues-block-hacker-intrusion-intern-assisted-by_482257-136379.jpg",
|
||||
imageAlt: "System integration diagram"
|
||||
id: "03", title: "Seamless Integration", description: "Connect with your existing DevSecOps stack, CI/CD pipelines, and security tools in minutes.", imageSrc: "https://img.b2bpic.net/free-photo/panicked-woman-office-requests-help-from-colleagues-block-hacker-intrusion-intern-assisted-by_482257-136379.jpg", imageAlt: "System integration diagram"
|
||||
},
|
||||
{
|
||||
id: "04",
|
||||
title: "Compliance Tracking",
|
||||
description: "Meet regulatory requirements with automated compliance mapping to PCI-DSS, OWASP, and industry standards.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",
|
||||
imageAlt: "Compliance management interface"
|
||||
id: "04", title: "Compliance Tracking", description: "Meet regulatory requirements with automated compliance mapping to PCI-DSS, OWASP, and industry standards.", imageSrc: "https://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg", imageAlt: "Compliance management interface"
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
@@ -140,28 +118,13 @@ export default function SecurityPlatformPage() {
|
||||
description="Proven results from organizations securing their critical assets."
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "500+",
|
||||
title: "Companies Protected",
|
||||
description: "Global enterprises trust our platform for continuous security",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg",
|
||||
imageAlt: "Enterprise partner network"
|
||||
id: "1", value: "500+", title: "Companies Protected", description: "Global enterprises trust our platform for continuous security", imageSrc: "https://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg", imageAlt: "Enterprise partner network"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "2.5M+",
|
||||
title: "Vulnerabilities Discovered",
|
||||
description: "Critical issues identified and remediated annually",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg",
|
||||
imageAlt: "Vulnerability detection metrics"
|
||||
id: "2", value: "2.5M+", title: "Vulnerabilities Discovered", description: "Critical issues identified and remediated annually", imageSrc: "https://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg", imageAlt: "Vulnerability detection metrics"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "99.9%",
|
||||
title: "Platform Uptime",
|
||||
description: "Continuous monitoring with enterprise-grade reliability",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/information-technology-connection-graphics-concept_53876-121040.jpg",
|
||||
imageAlt: "Platform reliability dashboard"
|
||||
id: "3", value: "99.9%", title: "Platform Uptime", description: "Continuous monitoring with enterprise-grade reliability", imageSrc: "https://img.b2bpic.net/free-photo/information-technology-connection-graphics-concept_53876-121040.jpg", imageAlt: "Platform reliability dashboard"
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
@@ -176,31 +139,16 @@ export default function SecurityPlatformPage() {
|
||||
description="Hear from practitioners who've transformed their security programs with our platform."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Chen",
|
||||
role: "CISO",
|
||||
company: "FinTech Solutions",
|
||||
rating: 5,
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
imageAlt: "Sarah Chen"
|
||||
id: "1", name: "Sarah Chen", role: "CISO", company: "FinTech Solutions", rating: 5,
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Sarah Chen"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Rodriguez",
|
||||
role: "Security Director",
|
||||
company: "Healthcare Corp",
|
||||
rating: 5,
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",
|
||||
imageAlt: "James Rodriguez"
|
||||
id: "2", name: "James Rodriguez", role: "Security Director", company: "Healthcare Corp", rating: 5,
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", imageAlt: "James Rodriguez"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Thompson",
|
||||
role: "Engineering Manager",
|
||||
company: "E-Commerce Inc",
|
||||
rating: 5,
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/young-serious-businessman-looking-camera-meeting-headshot-portrait_1163-3923.jpg",
|
||||
imageAlt: "Emily Thompson"
|
||||
id: "3", name: "Emily Thompson", role: "Engineering Manager", company: "E-Commerce Inc", rating: 5,
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/young-serious-businessman-looking-camera-meeting-headshot-portrait_1163-3923.jpg", imageAlt: "Emily Thompson"
|
||||
}
|
||||
]}
|
||||
kpiItems={[
|
||||
@@ -220,59 +168,33 @@ export default function SecurityPlatformPage() {
|
||||
description="Choose the plan that fits your organization's security needs."
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Starter",
|
||||
badgeIcon: Zap,
|
||||
price: "$2,999/mo",
|
||||
subtitle: "Perfect for small teams getting started",
|
||||
buttons: [
|
||||
id: "starter", badge: "Starter", badgeIcon: Zap,
|
||||
price: "$2,999/mo", subtitle: "Perfect for small teams getting started", buttons: [
|
||||
{ text: "Start Trial", href: "contact" },
|
||||
{ text: "Learn More", href: "https://example.com/pricing" }
|
||||
],
|
||||
features: [
|
||||
"Up to 5 applications",
|
||||
"Automated scanning",
|
||||
"Monthly reports",
|
||||
"Email support",
|
||||
"Vulnerability tracking"
|
||||
"Up to 5 applications", "Automated scanning", "Monthly reports", "Email support", "Vulnerability tracking"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "professional",
|
||||
badge: "Professional",
|
||||
badgeIcon: Star,
|
||||
price: "$7,999/mo",
|
||||
subtitle: "Best for growing security programs",
|
||||
buttons: [
|
||||
id: "professional", badge: "Professional", badgeIcon: Star,
|
||||
price: "$7,999/mo", subtitle: "Best for growing security programs", buttons: [
|
||||
{ text: "Start Trial", href: "contact" },
|
||||
{ text: "Schedule Demo", href: "contact" }
|
||||
],
|
||||
features: [
|
||||
"Unlimited applications",
|
||||
"Continuous scanning",
|
||||
"Real-time alerts",
|
||||
"Priority support",
|
||||
"Custom reporting",
|
||||
"Compliance mapping"
|
||||
"Unlimited applications", "Continuous scanning", "Real-time alerts", "Priority support", "Custom reporting", "Compliance mapping"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Enterprise",
|
||||
badgeIcon: Crown,
|
||||
price: "Custom",
|
||||
subtitle: "For large-scale security operations",
|
||||
buttons: [
|
||||
id: "enterprise", badge: "Enterprise", badgeIcon: Crown,
|
||||
price: "Custom", subtitle: "For large-scale security operations", buttons: [
|
||||
{ text: "Contact Sales", href: "contact" },
|
||||
{ text: "Schedule Call", href: "contact" }
|
||||
],
|
||||
features: [
|
||||
"Everything in Professional",
|
||||
"Dedicated account manager",
|
||||
"Custom integrations",
|
||||
"On-premise deployment",
|
||||
"Advanced threat modeling",
|
||||
"24/7 phone support"
|
||||
"Everything in Professional", "Dedicated account manager", "Custom integrations", "On-premise deployment", "Advanced threat modeling", "24/7 phone support"
|
||||
]
|
||||
}
|
||||
]}
|
||||
@@ -288,40 +210,29 @@ export default function SecurityPlatformPage() {
|
||||
description="Everything you need to know about our automated penetration testing platform."
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How is automated testing different from manual penetration testing?",
|
||||
content: "Our platform provides continuous, automated security testing that runs 24/7 without human intervention, complementing manual assessments. While automated testing covers breadth and catches common vulnerabilities, manual testing provides deeper context and novel attack scenarios. Most organizations use both for comprehensive coverage."
|
||||
id: "1", title: "How is automated testing different from manual penetration testing?", content: "Our platform provides continuous, automated security testing that runs 24/7 without human intervention, complementing manual assessments. While automated testing covers breadth and catches common vulnerabilities, manual testing provides deeper context and novel attack scenarios. Most organizations use both for comprehensive coverage."
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Will automated testing disrupt my production environment?",
|
||||
content: "No. Our platform includes intelligent rate limiting and staging environment options. We simulate attacks without causing actual damage or service disruption. All scanning is configurable based on your infrastructure tolerance, and you have full control over which systems are tested."
|
||||
id: "2", title: "Will automated testing disrupt my production environment?", content: "No. Our platform includes intelligent rate limiting and staging environment options. We simulate attacks without causing actual damage or service disruption. All scanning is configurable based on your infrastructure tolerance, and you have full control over which systems are tested."
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "How quickly can I see results?",
|
||||
content: "Initial results appear within 24-48 hours after deployment. Full continuous scanning begins within the first week, providing ongoing vulnerability discovery. Your first comprehensive report is typically ready within 2 weeks."
|
||||
id: "3", title: "How quickly can I see results?", content: "Initial results appear within 24-48 hours after deployment. Full continuous scanning begins within the first week, providing ongoing vulnerability discovery. Your first comprehensive report is typically ready within 2 weeks."
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Does this integrate with our existing security tools?",
|
||||
content: "Yes. We integrate with popular SIEM platforms, vulnerability management systems, and CI/CD pipelines including Jenkins, GitLab, and GitHub. Custom API integration is available for enterprise clients."
|
||||
id: "4", title: "Does this integrate with our existing security tools?", content: "Yes. We integrate with popular SIEM platforms, vulnerability management systems, and CI/CD pipelines including Jenkins, GitLab, and GitHub. Custom API integration is available for enterprise clients."
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "How do you ensure false positives are minimized?",
|
||||
content: "Our machine learning models are trained on millions of real-world vulnerabilities. We validate each finding before reporting and provide evidence-based proof of exploitability. False positive rates are typically below 2%."
|
||||
id: "5", title: "How do you ensure false positives are minimized?", content: "Our machine learning models are trained on millions of real-world vulnerabilities. We validate each finding before reporting and provide evidence-based proof of exploitability. False positive rates are typically below 2%."
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
title: "What happens to my data and scan results?",
|
||||
content: "All data is encrypted in transit and at rest. You maintain full ownership of scan results. We offer on-premise deployment for enterprise clients with strict data residency requirements. We never share your data with third parties."
|
||||
id: "6", title: "What happens to my data and scan results?", content: "All data is encrypted in transit and at rest. You maintain full ownership of scan results. We offer on-premise deployment for enterprise clients with strict data residency requirements. We never share your data with third parties."
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="smooth"
|
||||
showCard={true}
|
||||
faqsAnimation="smooth"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -333,19 +244,13 @@ export default function SecurityPlatformPage() {
|
||||
ctaIcon={Rocket}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What's the first step to getting started?",
|
||||
content: "Schedule a 30-minute discovery call with our team to understand your security needs, current testing practices, and integration requirements. We'll provide a customized demo matching your infrastructure."
|
||||
id: "1", title: "What's the first step to getting started?", content: "Schedule a 30-minute discovery call with our team to understand your security needs, current testing practices, and integration requirements. We'll provide a customized demo matching your infrastructure."
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "How long does implementation typically take?",
|
||||
content: "Most customers are scanning in 2-4 weeks. Small deployments can begin in 1 week, while complex enterprise integrations may take 6-8 weeks depending on your infrastructure complexity."
|
||||
id: "2", title: "How long does implementation typically take?", content: "Most customers are scanning in 2-4 weeks. Small deployments can begin in 1 week, while complex enterprise integrations may take 6-8 weeks depending on your infrastructure complexity."
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you offer a free trial?",
|
||||
content: "Yes, we provide a 14-day free trial that includes full platform access, automated scanning on a sample application, and priority onboarding support. No credit card required."
|
||||
id: "3", title: "Do you offer a free trial?", content: "Yes, we provide a 14-day free trial that includes full platform access, automated scanning on a sample application, and priority onboarding support. No credit card required."
|
||||
}
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
@@ -360,8 +265,7 @@ export default function SecurityPlatformPage() {
|
||||
imageAlt="Network security infrastructure"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
{ label: "Security", href: "https://example.com/security" },
|
||||
@@ -369,8 +273,7 @@ export default function SecurityPlatformPage() {
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "https://example.com/about" },
|
||||
{ label: "Blog", href: "https://example.com/blog" },
|
||||
{ label: "Careers", href: "https://example.com/careers" },
|
||||
@@ -378,8 +281,7 @@ export default function SecurityPlatformPage() {
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{ label: "Documentation", href: "https://example.com/docs" },
|
||||
{ label: "API Reference", href: "https://example.com/api" },
|
||||
{ label: "Community", href: "https://example.com/community" },
|
||||
|
||||
@@ -11,6 +11,7 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import { useProductDetail } from "@/hooks/useProductDetail";
|
||||
import { useCart } from "@/hooks/useCart";
|
||||
import { useCheckout } from "@/hooks/useCheckout";
|
||||
import Link from "next/link";
|
||||
|
||||
interface ProductPageProps {
|
||||
params: Promise<{ id: string }>;
|
||||
@@ -74,25 +75,26 @@ export default function ProductPage({ params }: ProductPageProps) {
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="aurora"
|
||||
background="circleGradient"
|
||||
cardStyle="elevated"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="navbar" data-section="navbar">
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{"name":"Home","id":"/"},
|
||||
{"name":"Features","id":"features"},
|
||||
{"name":"How It Works","id":"about"},
|
||||
{"name":"Pricing","id":"pricing"},
|
||||
{"name":"Resources","id":"faq"},
|
||||
{"name":"Contact","id":"contact"},
|
||||
{"name":"Shop","id":"/shop"}
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "How It Works", id: "about" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Resources", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Blog", id: "/blog" },
|
||||
{ name: "Shop", id: "/shop" }
|
||||
]}
|
||||
button={{"text":"Cart","onClick":() => setCartOpen(true)}}
|
||||
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
|
||||
brandName="SecureAutomate"
|
||||
/>
|
||||
</div>
|
||||
@@ -104,9 +106,9 @@ export default function ProductPage({ params }: ProductPageProps) {
|
||||
imageSrc="https://img.b2bpic.net/free-photo/close-up-shot-notebook-displaying-ai-machine-learning-algorithms_482257-122159.jpg"
|
||||
imageAlt="Network security infrastructure"
|
||||
columns={[
|
||||
{"title":"Product","items":[{"label":"Features","href":"#features"},{"label":"Pricing","href":"#pricing"},{"label":"Security","href":"https://example.com/security"},{"label":"Roadmap","href":"https://example.com/roadmap"}]},
|
||||
{"title":"Company","items":[{"label":"About Us","href":"https://example.com/about"},{"label":"Blog","href":"https://example.com/blog"},{"label":"Careers","href":"https://example.com/careers"},{"label":"Contact","href":"#contact"}]},
|
||||
{"title":"Resources","items":[{"label":"Documentation","href":"https://example.com/docs"},{"label":"API Reference","href":"https://example.com/api"},{"label":"Community","href":"https://example.com/community"},{"label":"Support","href":"https://example.com/support"}]}
|
||||
{ title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }, { label: "Security", href: "https://example.com/security" }, { label: "Roadmap", href: "https://example.com/roadmap" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "https://example.com/about" }, { label: "Blog", href: "https://example.com/blog" }, { label: "Careers", href: "https://example.com/careers" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Resources", items: [{ label: "Documentation", href: "https://example.com/docs" }, { label: "API Reference", href: "https://example.com/api" }, { label: "Community", href: "https://example.com/community" }, { label: "Support", href: "https://example.com/support" }] }
|
||||
]}
|
||||
logoText="SecureAutomate"
|
||||
copyrightText="© 2025 SecureAutomate. All rights reserved."
|
||||
@@ -125,25 +127,26 @@ export default function ProductPage({ params }: ProductPageProps) {
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="aurora"
|
||||
background="circleGradient"
|
||||
cardStyle="elevated"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="navbar" data-section="navbar">
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{"name":"Home","id":"/"},
|
||||
{"name":"Features","id":"features"},
|
||||
{"name":"How It Works","id":"about"},
|
||||
{"name":"Pricing","id":"pricing"},
|
||||
{"name":"Resources","id":"faq"},
|
||||
{"name":"Contact","id":"contact"},
|
||||
{"name":"Shop","id":"/shop"}
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "How It Works", id: "about" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Resources", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Blog", id: "/blog" },
|
||||
{ name: "Shop", id: "/shop" }
|
||||
]}
|
||||
button={{"text":"Cart","onClick":() => setCartOpen(true)}}
|
||||
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
|
||||
brandName="SecureAutomate"
|
||||
/>
|
||||
</div>
|
||||
@@ -163,9 +166,9 @@ export default function ProductPage({ params }: ProductPageProps) {
|
||||
imageSrc="https://img.b2bpic.net/free-photo/close-up-shot-notebook-displaying-ai-machine-learning-algorithms_482257-122159.jpg"
|
||||
imageAlt="Network security infrastructure"
|
||||
columns={[
|
||||
{"title":"Product","items":[{"label":"Features","href":"#features"},{"label":"Pricing","href":"#pricing"},{"label":"Security","href":"https://example.com/security"},{"label":"Roadmap","href":"https://example.com/roadmap"}]},
|
||||
{"title":"Company","items":[{"label":"About Us","href":"https://example.com/about"},{"label":"Blog","href":"https://example.com/blog"},{"label":"Careers","href":"https://example.com/careers"},{"label":"Contact","href":"#contact"}]},
|
||||
{"title":"Resources","items":[{"label":"Documentation","href":"https://example.com/docs"},{"label":"API Reference","href":"https://example.com/api"},{"label":"Community","href":"https://example.com/community"},{"label":"Support","href":"https://example.com/support"}]}
|
||||
{ title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }, { label: "Security", href: "https://example.com/security" }, { label: "Roadmap", href: "https://example.com/roadmap" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "https://example.com/about" }, { label: "Blog", href: "https://example.com/blog" }, { label: "Careers", href: "https://example.com/careers" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Resources", items: [{ label: "Documentation", href: "https://example.com/docs" }, { label: "API Reference", href: "https://example.com/api" }, { label: "Community", href: "https://example.com/community" }, { label: "Support", href: "https://example.com/support" }] }
|
||||
]}
|
||||
logoText="SecureAutomate"
|
||||
copyrightText="© 2025 SecureAutomate. All rights reserved."
|
||||
@@ -183,25 +186,26 @@ export default function ProductPage({ params }: ProductPageProps) {
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="aurora"
|
||||
background="circleGradient"
|
||||
cardStyle="elevated"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="navbar" data-section="navbar">
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{"name":"Home","id":"/"},
|
||||
{"name":"Features","id":"features"},
|
||||
{"name":"How It Works","id":"about"},
|
||||
{"name":"Pricing","id":"pricing"},
|
||||
{"name":"Resources","id":"faq"},
|
||||
{"name":"Contact","id":"contact"},
|
||||
{"name":"Shop","id":"/shop"}
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "How It Works", id: "about" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Resources", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Blog", id: "/blog" },
|
||||
{ name: "Shop", id: "/shop" }
|
||||
]}
|
||||
button={{"text":"Cart","onClick":() => setCartOpen(true)}}
|
||||
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
|
||||
brandName="SecureAutomate"
|
||||
/>
|
||||
</div>
|
||||
@@ -246,9 +250,9 @@ export default function ProductPage({ params }: ProductPageProps) {
|
||||
imageSrc="https://img.b2bpic.net/free-photo/close-up-shot-notebook-displaying-ai-machine-learning-algorithms_482257-122159.jpg"
|
||||
imageAlt="Network security infrastructure"
|
||||
columns={[
|
||||
{"title":"Product","items":[{"label":"Features","href":"#features"},{"label":"Pricing","href":"#pricing"},{"label":"Security","href":"https://example.com/security"},{"label":"Roadmap","href":"https://example.com/roadmap"}]},
|
||||
{"title":"Company","items":[{"label":"About Us","href":"https://example.com/about"},{"label":"Blog","href":"https://example.com/blog"},{"label":"Careers","href":"https://example.com/careers"},{"label":"Contact","href":"#contact"}]},
|
||||
{"title":"Resources","items":[{"label":"Documentation","href":"https://example.com/docs"},{"label":"API Reference","href":"https://example.com/api"},{"label":"Community","href":"https://example.com/community"},{"label":"Support","href":"https://example.com/support"}]}
|
||||
{ title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }, { label: "Security", href: "https://example.com/security" }, { label: "Roadmap", href: "https://example.com/roadmap" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "https://example.com/about" }, { label: "Blog", href: "https://example.com/blog" }, { label: "Careers", href: "https://example.com/careers" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Resources", items: [{ label: "Documentation", href: "https://example.com/docs" }, { label: "API Reference", href: "https://example.com/api" }, { label: "Community", href: "https://example.com/community" }, { label: "Support", href: "https://example.com/support" }] }
|
||||
]}
|
||||
logoText="SecureAutomate"
|
||||
copyrightText="© 2025 SecureAutomate. All rights reserved."
|
||||
|
||||
@@ -6,6 +6,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import ProductCatalog from "@/components/ecommerce/productCatalog/ProductCatalog";
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import { useProductCatalog } from "@/hooks/useProductCatalog";
|
||||
import Link from "next/link";
|
||||
|
||||
export default function ShopPage() {
|
||||
const {
|
||||
@@ -24,25 +25,26 @@ export default function ShopPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="aurora"
|
||||
background="circleGradient"
|
||||
cardStyle="elevated"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="navbar" data-section="navbar">
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{"name":"Home","id":"/"},
|
||||
{"name":"Features","id":"features"},
|
||||
{"name":"How It Works","id":"about"},
|
||||
{"name":"Pricing","id":"pricing"},
|
||||
{"name":"Resources","id":"faq"},
|
||||
{"name":"Contact","id":"contact"},
|
||||
{"name":"Shop","id":"/shop"}
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "How It Works", id: "about" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Resources", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Blog", id: "/blog" },
|
||||
{ name: "Shop", id: "/shop" }
|
||||
]}
|
||||
button={{"text":"Cart","onClick":() => console.log("cart")}}
|
||||
button={{ text: "Cart", onClick: () => console.log("cart") }}
|
||||
brandName="SecureAutomate"
|
||||
/>
|
||||
</div>
|
||||
@@ -54,9 +56,9 @@ export default function ShopPage() {
|
||||
imageSrc="https://img.b2bpic.net/free-photo/close-up-shot-notebook-displaying-ai-machine-learning-algorithms_482257-122159.jpg"
|
||||
imageAlt="Network security infrastructure"
|
||||
columns={[
|
||||
{"title":"Product","items":[{"label":"Features","href":"#features"},{"label":"Pricing","href":"#pricing"},{"label":"Security","href":"https://example.com/security"},{"label":"Roadmap","href":"https://example.com/roadmap"}]},
|
||||
{"title":"Company","items":[{"label":"About Us","href":"https://example.com/about"},{"label":"Blog","href":"https://example.com/blog"},{"label":"Careers","href":"https://example.com/careers"},{"label":"Contact","href":"#contact"}]},
|
||||
{"title":"Resources","items":[{"label":"Documentation","href":"https://example.com/docs"},{"label":"API Reference","href":"https://example.com/api"},{"label":"Community","href":"https://example.com/community"},{"label":"Support","href":"https://example.com/support"}]}
|
||||
{ title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }, { label: "Security", href: "https://example.com/security" }, { label: "Roadmap", href: "https://example.com/roadmap" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "https://example.com/about" }, { label: "Blog", href: "https://example.com/blog" }, { label: "Careers", href: "https://example.com/careers" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Resources", items: [{ label: "Documentation", href: "https://example.com/docs" }, { label: "API Reference", href: "https://example.com/api" }, { label: "Community", href: "https://example.com/community" }, { label: "Support", href: "https://example.com/support" }] }
|
||||
]}
|
||||
logoText="SecureAutomate"
|
||||
copyrightText="© 2025 SecureAutomate. All rights reserved."
|
||||
@@ -74,25 +76,26 @@ export default function ShopPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="aurora"
|
||||
background="circleGradient"
|
||||
cardStyle="elevated"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="navbar" data-section="navbar">
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{"name":"Home","id":"/"},
|
||||
{"name":"Features","id":"features"},
|
||||
{"name":"How It Works","id":"about"},
|
||||
{"name":"Pricing","id":"pricing"},
|
||||
{"name":"Resources","id":"faq"},
|
||||
{"name":"Contact","id":"contact"},
|
||||
{"name":"Shop","id":"/shop"}
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "How It Works", id: "about" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Resources", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Blog", id: "/blog" },
|
||||
{ name: "Shop", id: "/shop" }
|
||||
]}
|
||||
button={{"text":"Cart","onClick":() => console.log("cart")}}
|
||||
button={{ text: "Cart", onClick: () => console.log("cart") }}
|
||||
brandName="SecureAutomate"
|
||||
/>
|
||||
</div>
|
||||
@@ -112,9 +115,9 @@ export default function ShopPage() {
|
||||
imageSrc="https://img.b2bpic.net/free-photo/close-up-shot-notebook-displaying-ai-machine-learning-algorithms_482257-122159.jpg"
|
||||
imageAlt="Network security infrastructure"
|
||||
columns={[
|
||||
{"title":"Product","items":[{"label":"Features","href":"#features"},{"label":"Pricing","href":"#pricing"},{"label":"Security","href":"https://example.com/security"},{"label":"Roadmap","href":"https://example.com/roadmap"}]},
|
||||
{"title":"Company","items":[{"label":"About Us","href":"https://example.com/about"},{"label":"Blog","href":"https://example.com/blog"},{"label":"Careers","href":"https://example.com/careers"},{"label":"Contact","href":"#contact"}]},
|
||||
{"title":"Resources","items":[{"label":"Documentation","href":"https://example.com/docs"},{"label":"API Reference","href":"https://example.com/api"},{"label":"Community","href":"https://example.com/community"},{"label":"Support","href":"https://example.com/support"}]}
|
||||
{ title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }, { label: "Security", href: "https://example.com/security" }, { label: "Roadmap", href: "https://example.com/roadmap" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "https://example.com/about" }, { label: "Blog", href: "https://example.com/blog" }, { label: "Careers", href: "https://example.com/careers" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Resources", items: [{ label: "Documentation", href: "https://example.com/docs" }, { label: "API Reference", href: "https://example.com/api" }, { label: "Community", href: "https://example.com/community" }, { label: "Support", href: "https://example.com/support" }] }
|
||||
]}
|
||||
logoText="SecureAutomate"
|
||||
copyrightText="© 2025 SecureAutomate. All rights reserved."
|
||||
|
||||
Reference in New Issue
Block a user