Merge version_1 into main #1
206
src/app/page.tsx
206
src/app/page.tsx
@@ -6,10 +6,9 @@ import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import LegalSection from '@/components/legal/LegalSection';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import { CheckCircle, Clock, Shield, Zap } from "lucide-react";
|
||||
import { CheckCircle, Clock, Shield, Zap, Eye } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -17,23 +16,21 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Metrics",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Metrics", id: "metrics" },
|
||||
{ name: "Support", id: "faq" },
|
||||
]}
|
||||
brandName="SecureCore"
|
||||
/>
|
||||
@@ -41,62 +38,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "downward-rays-animated-grid",
|
||||
}}
|
||||
background={{ variant: "downward-rays-animated-grid" }}
|
||||
title="Verifying Digital Integrity"
|
||||
description="Our advanced security protocols ensure a safe environment for your data. Verification successful—proceed with confidence."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blue-lens-flare-effect-background_1017-15281.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blue-lens-flare-effect-background_1017-15281.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blue-lens-flare-effect-background_1017-15281.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blue-lens-flare-effect-background_1017-15281.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blue-lens-flare-effect-background_1017-15281.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/blue-lens-flare-effect-background_1017-15281.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/blue-lens-flare-effect-background_1017-15281.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/blue-lens-flare-effect-background_1017-15281.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/blue-lens-flare-effect-background_1017-15281.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/blue-lens-flare-effect-background_1017-15281.jpg", alt: "User 5" },
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "#" }]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "ISO 27001 Certified",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "SOC2 Compliant",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Encrypted",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "99.9% Uptime",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fast Auth",
|
||||
icon: Zap,
|
||||
},
|
||||
{ type: "text", text: "ISO 27001 Certified" },
|
||||
{ type: "text", text: "SOC2 Compliant" },
|
||||
{ type: "text-icon", text: "Encrypted", icon: Shield },
|
||||
{ type: "text", text: "99.9% Uptime" },
|
||||
{ type: "text-icon", text: "Fast Auth", icon: Zap },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -109,26 +67,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Advanced Encryption",
|
||||
description: "State-of-the-art encryption algorithms protecting your data.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-mobile-phone-with-security-code-padlock_107791-16180.jpg",
|
||||
titleIconSrc: "Shield",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Advanced Encryption", description: "State-of-the-art encryption algorithms protecting your data.", imageSrc: "http://img.b2bpic.net/free-photo/3d-mobile-phone-with-security-code-padlock_107791-16180.jpg", titleIconSrc: "Shield", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Network Optimization",
|
||||
description: "High-performance connectivity for seamless user experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/blue-snowflakes-illustration-isolated_23-2151846658.jpg",
|
||||
titleIconSrc: "Zap",
|
||||
buttonText: "Read More",
|
||||
},
|
||||
title: "Network Optimization", description: "High-performance connectivity for seamless user experience.", imageSrc: "http://img.b2bpic.net/free-psd/blue-snowflakes-illustration-isolated_23-2151846658.jpg", titleIconSrc: "Zap", buttonText: "Read More"},
|
||||
{
|
||||
title: "Identity Verification",
|
||||
description: "AI-driven authentication to verify identity instantly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-eye-with-augmented-reality-interface_23-2152029069.jpg",
|
||||
titleIconSrc: "Eye",
|
||||
buttonText: "Details",
|
||||
},
|
||||
title: "Identity Verification", description: "AI-driven authentication to verify identity instantly.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-eye-with-augmented-reality-interface_23-2152029069.jpg", titleIconSrc: "Eye", buttonText: "Details"},
|
||||
]}
|
||||
title="Robust Infrastructure"
|
||||
description="We use industry-leading security services to protect against malicious activities."
|
||||
@@ -142,27 +85,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
description: "Ensuring constant availability.",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
title: "Support",
|
||||
description: "Always here to assist.",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "10ms",
|
||||
title: "Latency",
|
||||
description: "Global edge response time.",
|
||||
icon: Zap,
|
||||
},
|
||||
{ id: "m1", value: "99.9%", title: "Uptime", description: "Ensuring constant availability.", icon: CheckCircle },
|
||||
{ id: "m2", value: "24/7", title: "Support", description: "Always here to assist.", icon: Clock },
|
||||
{ id: "m3", value: "10ms", title: "Latency", description: "Global edge response time.", icon: Zap },
|
||||
]}
|
||||
title="Performance at Scale"
|
||||
description="Trusted by platforms worldwide for speed and reliability."
|
||||
@@ -174,21 +99,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How is verification done?",
|
||||
content: "Our system performs non-intrusive security checks instantly.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is my data private?",
|
||||
content: "Yes, we adhere to strict privacy standards ensuring your data is secure.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I use cookies?",
|
||||
content: "Cookies are used to maintain your session securely.",
|
||||
},
|
||||
{ id: "f1", title: "How is verification done?", content: "Our system performs non-intrusive security checks instantly." },
|
||||
{ id: "f2", title: "Is my data private?", content: "Yes, we adhere to strict privacy standards ensuring your data is secure." },
|
||||
{ id: "f3", title: "Can I use cookies?", content: "Cookies are used to maintain your session securely." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to the most common questions about our security protocols."
|
||||
@@ -196,63 +109,14 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="legal" data-section="legal">
|
||||
<LegalSection
|
||||
layout="section"
|
||||
title="Compliance & Legal"
|
||||
subtitle="Understanding our commitment to your digital security and data privacy."
|
||||
sections={[
|
||||
{
|
||||
heading: "Data Governance",
|
||||
content: {
|
||||
type: "paragraph",
|
||||
text: "SecureCore implements industry-standard data handling procedures to ensure complete transparency and compliance with global privacy regulations.",
|
||||
},
|
||||
},
|
||||
{
|
||||
heading: "Compliance Frameworks",
|
||||
content: {
|
||||
type: "list",
|
||||
items: [
|
||||
"GDPR Compliance",
|
||||
"CCPA Standards",
|
||||
"ISO 27001 Certified",
|
||||
"SOC 2 Type II Audited",
|
||||
],
|
||||
},
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 SecureCore"
|
||||
@@ -262,4 +126,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user