Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| bd8b43e361 | |||
| cccf3a9f78 | |||
| f59fb7276b | |||
| 095f051b85 |
@@ -1,58 +1,22 @@
|
|||||||
import type { Metadata } from "next";
|
import type { Metadata } from "next";
|
||||||
import { Halant } from "next/font/google";
|
|
||||||
import { Inter } from "next/font/google";
|
import { Inter } from "next/font/google";
|
||||||
import { Source_Sans_3 } from "next/font/google";
|
|
||||||
import "./globals.css";
|
import "./globals.css";
|
||||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
import "./styles/variables.css";
|
||||||
import Tag from "@/tag/Tag";
|
import "./styles/base.css";
|
||||||
|
|
||||||
const halant = Halant({
|
const inter = Inter({ subsets: ["latin"] });
|
||||||
variable: "--font-halant", subsets: ["latin"],
|
|
||||||
weight: ["300", "400", "500", "600", "700"],
|
|
||||||
});
|
|
||||||
|
|
||||||
const inter = Inter({
|
|
||||||
variable: "--font-inter", subsets: ["latin"],
|
|
||||||
});
|
|
||||||
|
|
||||||
const sourceSans3 = Source_Sans_3({
|
|
||||||
variable: "--font-source-sans-3", subsets: ["latin"],
|
|
||||||
});
|
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
export const metadata: Metadata = {
|
||||||
title: "AstroSec | Cybersecurity & AI Solutions Agency", description: "End-to-end cybersecurity, advanced AI automation, and full-stack development. Protect your systems and accelerate innovation with AstroSec.", keywords: "cybersecurity, AI solutions, security audits, threat detection, AI automation, enterprise security, cloud security", metadataBase: new URL("https://astrosec.io"),
|
title: "AstroSec - Cybersecurity & AI Solutions", description: "Next-generation security and AI solutions for enterprises"};
|
||||||
alternates: {
|
|
||||||
canonical: "https://astrosec.io"},
|
|
||||||
openGraph: {
|
|
||||||
title: "AstroSec | Cybersecurity & AI Solutions", description: "Next-generation security and AI expertise for forward-thinking enterprises", url: "https://astrosec.io", siteName: "AstroSec", type: "website", images: [
|
|
||||||
{
|
|
||||||
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUTy5QR9k4M4P80OQXSbT6XGLr/a-sleek-cybersecurity-dashboard-interfac-1772646995274-0c5cb9e7.png", alt: "AstroSec Security Operations Center"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
twitter: {
|
|
||||||
card: "summary_large_image", title: "AstroSec | Cybersecurity & AI Solutions", description: "Enterprise-grade security and AI innovation", images: [
|
|
||||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUTy5QR9k4M4P80OQXSbT6XGLr/a-sleek-cybersecurity-dashboard-interfac-1772646995274-0c5cb9e7.png"],
|
|
||||||
},
|
|
||||||
robots: {
|
|
||||||
index: true,
|
|
||||||
follow: true,
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
||||||
export default function RootLayout({
|
export default function RootLayout({
|
||||||
children,
|
children,
|
||||||
}: Readonly<{
|
}: {
|
||||||
children: React.ReactNode;
|
children: React.ReactNode;
|
||||||
}>) {
|
}) {
|
||||||
return (
|
return (
|
||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en">
|
||||||
<ServiceWrapper>
|
<body className={inter.className}>{children}
|
||||||
<body
|
|
||||||
className={`${halant.variable} ${inter.variable} ${sourceSans3.variable} antialiased`}
|
|
||||||
>
|
|
||||||
<Tag />
|
|
||||||
{children}
|
|
||||||
|
|
||||||
<script
|
<script
|
||||||
dangerouslySetInnerHTML={{
|
dangerouslySetInnerHTML={{
|
||||||
__html: `
|
__html: `
|
||||||
@@ -1420,7 +1384,6 @@ export default function RootLayout({
|
|||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</body>
|
</body>
|
||||||
</ServiceWrapper>
|
|
||||||
</html>
|
</html>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -6,6 +6,7 @@ import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDash
|
|||||||
import FeatureCardTwelve from "@/components/sections/feature/FeatureCardTwelve";
|
import FeatureCardTwelve from "@/components/sections/feature/FeatureCardTwelve";
|
||||||
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
||||||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||||
|
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
||||||
import ContactText from "@/components/sections/contact/ContactText";
|
import ContactText from "@/components/sections/contact/ContactText";
|
||||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||||
import {
|
import {
|
||||||
@@ -18,6 +19,7 @@ import {
|
|||||||
TrendingUp,
|
TrendingUp,
|
||||||
Eye,
|
Eye,
|
||||||
Award,
|
Award,
|
||||||
|
Star,
|
||||||
} from "lucide-react";
|
} from "lucide-react";
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
@@ -38,14 +40,13 @@ export default function LandingPage() {
|
|||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
brandName="AstroSec"
|
brandName="AstroSec"
|
||||||
navItems={[
|
navItems={[
|
||||||
{ name: "Services", id: "services" },
|
{ name: "Services", id: "expertise" },
|
||||||
{ name: "Expertise", id: "expertise" },
|
{ name: "Expertise", id: "expertise" },
|
||||||
{ name: "About", id: "metrics" },
|
{ name: "Testimonials", id: "testimonials" },
|
||||||
{ name: "Contact", id: "contact" },
|
{ name: "Contact", id: "contact" },
|
||||||
]}
|
]}
|
||||||
button={{
|
button={{
|
||||||
text: "Get Started", href: "contact"
|
text: "Get Started", href: "contact"}}
|
||||||
}}
|
|
||||||
animateOnLoad={true}
|
animateOnLoad={true}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -58,7 +59,7 @@ export default function LandingPage() {
|
|||||||
tagIcon={Shield}
|
tagIcon={Shield}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Explore Solutions", href: "services" },
|
{ text: "Explore Solutions", href: "expertise" },
|
||||||
{ text: "Schedule Consultation", href: "contact" },
|
{ text: "Schedule Consultation", href: "contact" },
|
||||||
]}
|
]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
@@ -77,16 +78,13 @@ export default function LandingPage() {
|
|||||||
stats: [
|
stats: [
|
||||||
{
|
{
|
||||||
title: "Threats Blocked", values: [12487, 15632, 18945],
|
title: "Threats Blocked", values: [12487, 15632, 18945],
|
||||||
description: "This week"
|
description: "This week"},
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "System Uptime", values: [99.98, 99.99, 99.97],
|
title: "System Uptime", values: [99.98, 99.99, 99.97],
|
||||||
valueSuffix: "%", description: "Average performance"
|
valueSuffix: "%", description: "Average performance"},
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Active Clients", values: [456, 523, 687],
|
title: "Active Clients", values: [456, 523, 687],
|
||||||
description: "Protected globally"
|
description: "Protected globally"},
|
||||||
},
|
|
||||||
],
|
],
|
||||||
chartTitle: "Security Events Timeline", chartData: [
|
chartTitle: "Security Events Timeline", chartData: [
|
||||||
{ value: 45 },
|
{ value: 45 },
|
||||||
@@ -98,16 +96,13 @@ export default function LandingPage() {
|
|||||||
listTitle: "Recent Security Actions", listItems: [
|
listTitle: "Recent Security Actions", listItems: [
|
||||||
{
|
{
|
||||||
icon: AlertCircle,
|
icon: AlertCircle,
|
||||||
title: "Intrusion Attempt Blocked", status: "Mitigated"
|
title: "Intrusion Attempt Blocked", status: "Mitigated"},
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: CheckCircle,
|
icon: CheckCircle,
|
||||||
title: "Compliance Audit Passed", status: "Verified"
|
title: "Compliance Audit Passed", status: "Verified"},
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Shield,
|
icon: Shield,
|
||||||
title: "Firewall Updated", status: "Complete"
|
title: "Firewall Updated", status: "Complete"},
|
||||||
},
|
|
||||||
],
|
],
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
@@ -118,23 +113,19 @@ export default function LandingPage() {
|
|||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "ai-systems", label: "AI Systems & Agents", title: "Advanced AI Automation & Development", items: [
|
id: "ai-systems", label: "AI Systems & Agents", title: "Advanced AI Automation & Development", items: [
|
||||||
"Custom AI Agents Development", "Business Process Automation", "AI Monitoring & Decision Systems"
|
"Custom AI Agents Development", "Business Process Automation", "AI Monitoring & Decision Systems"],
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "cybersecurity", label: "Cybersecurity", title: "Enterprise-Grade Protection", items: [
|
id: "cybersecurity", label: "Cybersecurity", title: "Enterprise-Grade Protection", items: [
|
||||||
"Security Audits & WMPT", "Cloud & Infrastructure Security", "Incident Response & Hardening"
|
"Security Audits & WMPT", "Cloud & Infrastructure Security", "Incident Response & Hardening"],
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "engineering", label: "IT & Engineering", title: "Robust Infrastructure & Development", items: [
|
id: "engineering", label: "IT & Engineering", title: "Robust Infrastructure & Development", items: [
|
||||||
"Secure Web & App Development", "Cloud Architecture & DevOps", "Server & System Engineering"
|
"Secure Web & App Development", "Cloud Architecture & DevOps", "Server & System Engineering"],
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "consulting", label: "Strategy & Consulting", title: "Expert Advisory & Implementation", items: [
|
id: "consulting", label: "Strategy & Consulting", title: "Expert Advisory & Implementation", items: [
|
||||||
"AI & Security Consulting", "Startup Tech Architecture", "Custom Enterprise Solutions"
|
"AI & Security Consulting", "Startup Tech Architecture", "Custom Enterprise Solutions"],
|
||||||
],
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
animationType="blur-reveal"
|
animationType="blur-reveal"
|
||||||
@@ -179,13 +170,40 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
names={[
|
names={[
|
||||||
"TechCorp Global", "SecureNet Systems", "CloudScale AI", "DataVault Inc", "InnovateX Labs", "CyberShield Pro", "AI Dynamics"
|
"TechCorp Global", "SecureNet Systems", "CloudScale AI", "DataVault Inc", "InnovateX Labs", "CyberShield Pro", "AI Dynamics"]}
|
||||||
]}
|
|
||||||
speed={40}
|
speed={40}
|
||||||
showCard={true}
|
showCard={true}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div id="testimonials" data-section="testimonials">
|
||||||
|
<TestimonialCardSixteen
|
||||||
|
testimonials={[
|
||||||
|
{
|
||||||
|
id: "1", name: "Sarah Chen", role: "CTO", company: "TechCorp Global", rating: 5,
|
||||||
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUTy5QR9k4M4P80OQXSbT6XGLr/uploaded-1772648769599-68c70eso.png?_wi=1", imageAlt: "Sarah Chen, CTO at TechCorp Global"},
|
||||||
|
{
|
||||||
|
id: "2", name: "Michael Rodriguez", role: "Security Director", company: "SecureNet Systems", rating: 5,
|
||||||
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUTy5QR9k4M4P80OQXSbT6XGLr/uploaded-1772648769599-68c70eso.png?_wi=2", imageAlt: "Michael Rodriguez, Security Director at SecureNet Systems"},
|
||||||
|
{
|
||||||
|
id: "3", name: "Emma Watson", role: "Operations Lead", company: "CloudScale AI", rating: 5,
|
||||||
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUTy5QR9k4M4P80OQXSbT6XGLr/uploaded-1772648769599-68c70eso.png?_wi=3", imageAlt: "Emma Watson, Operations Lead at CloudScale AI"},
|
||||||
|
]}
|
||||||
|
kpiItems={[
|
||||||
|
{ value: "180+", label: "Projects Completed" },
|
||||||
|
{ value: "96%", label: "Client Satisfaction" },
|
||||||
|
{ value: "15+", label: "Years of Excellence" },
|
||||||
|
]}
|
||||||
|
animationType="slide-up"
|
||||||
|
title="What Our Clients Say"
|
||||||
|
description="Hear from those who've experienced our transformative solutions"
|
||||||
|
tag="Client Testimonials"
|
||||||
|
tagIcon={Star}
|
||||||
|
textboxLayout="default"
|
||||||
|
useInvertedBackground={false}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactText
|
<ContactText
|
||||||
text="Ready to transform your security posture and unlock AI-driven innovation? Let's build something extraordinary together."
|
text="Ready to transform your security posture and unlock AI-driven innovation? Let's build something extraordinary together."
|
||||||
@@ -205,7 +223,7 @@ export default function LandingPage() {
|
|||||||
{
|
{
|
||||||
title: "Navigate", items: [
|
title: "Navigate", items: [
|
||||||
{ label: "Home", href: "/" },
|
{ label: "Home", href: "/" },
|
||||||
{ label: "Services", href: "#services" },
|
{ label: "Services", href: "#expertise" },
|
||||||
{ label: "Expertise", href: "#expertise" },
|
{ label: "Expertise", href: "#expertise" },
|
||||||
{ label: "Contact", href: "#contact" },
|
{ label: "Contact", href: "#contact" },
|
||||||
],
|
],
|
||||||
|
|||||||
Reference in New Issue
Block a user