Merge version_2 into main #2
187
src/app/page.tsx
187
src/app/page.tsx
@@ -9,7 +9,7 @@ import TestimonialCardFifteen from "@/components/sections/testimonial/Testimonia
|
||||
import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
|
||||
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import { AlertCircle, Award, BarChart3, CheckCircle, CreditCard, GitBranch, Lock, Mail, MessageSquare, Shield, Sparkles, Star, Users, Zap } from "lucide-react";
|
||||
import { Brush, CheckCircle, Code, Palette, Rocket, Sparkles, Star, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,14 +28,14 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Docs", id: "https://docs.example.com" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="DevFlow"
|
||||
brandName="Zorgen Digital"
|
||||
button={{
|
||||
text: "Start Building", href: "https://app.devflow.io/signup"
|
||||
text: "Get Started", href: "https://calendly.com/zorgen-digital"
|
||||
}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
@@ -43,58 +43,54 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
title="Build Faster with DevFlow"
|
||||
description="The collaborative SaaS platform designed for modern development teams. Deploy, monitor, and scale your applications with ease."
|
||||
title="Custom Website Design for Your Business"
|
||||
description="Transform your online presence with beautifully crafted, high-converting websites tailored to your brand. Professional design that drives results."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiCJeN1jB7BPr6paJpl7rL6JWW/a-group-of-diverse-tech-professionals-an-1773068744377-4923fe54.png", alt: "DevFlow users"
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiCJeN1jB7BPr6paJpl7rL6JWW/a-group-of-diverse-tech-professionals-an-1773068744377-4923fe54.png", alt: "Zorgen Digital clients"
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiCJeN1jB7BPr6paJpl7rL6JWW/professional-headshots-of-tech-industry--1773068744852-44a2d9b7.png", alt: "Tech leaders"
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiCJeN1jB7BPr6paJpl7rL6JWW/professional-headshots-of-tech-industry--1773068744852-44a2d9b7.png", alt: "Business leaders"
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiCJeN1jB7BPr6paJpl7rL6JWW/diverse-group-of-software-engineers-and--1773068746928-d4a4ed16.png", alt: "Development team"
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiCJeN1jB7BPr6paJpl7rL6JWW/diverse-group-of-software-engineers-and--1773068746928-d4a4ed16.png", alt: "Design team"
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 5000+ developers worldwide"
|
||||
avatarText="Trusted by 50+ businesses worldwide"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Free Trial", href: "https://app.devflow.io/signup"
|
||||
text: "Schedule Consultation", href: "https://calendly.com/zorgen-digital"
|
||||
},
|
||||
{
|
||||
text: "View Documentation", href: "#features"
|
||||
text: "View Our Work", href: "#portfolio"
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBento
|
||||
title="Powerful Features for Development Teams"
|
||||
description="Everything you need to build, deploy, and scale modern applications with confidence."
|
||||
tag="Features"
|
||||
title="Comprehensive Website Design Services"
|
||||
description="From concept to launch, we handle every aspect of your custom website. Fully responsive, SEO-optimized, and built for conversions."
|
||||
tag="Our Services"
|
||||
tagIcon={Zap}
|
||||
features={[
|
||||
{
|
||||
title: "Real-time Analytics", description:
|
||||
"Monitor application performance with comprehensive metrics and insights", bentoComponent: "animated-bar-chart"
|
||||
title: "Custom Design", description:
|
||||
"Unique, brand-aligned designs that make your business stand out from the competition", bentoComponent: "reveal-icon", icon: Palette,
|
||||
},
|
||||
{
|
||||
title: "Global Deployment", description: "Deploy to 50+ regions worldwide with zero downtime", bentoComponent: "globe"
|
||||
title: "Responsive Development", description: "Flawless performance on desktop, tablet, and mobile devices", bentoComponent: "reveal-icon", icon: Code,
|
||||
},
|
||||
{
|
||||
title: "Team Collaboration", description:
|
||||
"Work seamlessly with your team using integrated communication tools", bentoComponent: "icon-info-cards", items: [
|
||||
{ icon: Users, label: "Team Members", value: "Unlimited" },
|
||||
{ icon: MessageSquare, label: "Comments", value: "Real-time" },
|
||||
{ icon: GitBranch, label: "Git Integration", value: "Native" },
|
||||
],
|
||||
title: "SEO Optimization", description:
|
||||
"Built-in SEO best practices to help your site rank higher and attract more customers", bentoComponent: "reveal-icon", icon: Rocket,
|
||||
},
|
||||
{
|
||||
title: "API Performance", description:
|
||||
"Lightning-fast API responses with intelligent caching", bentoComponent: "line-chart"
|
||||
title: "Conversion Focused", description:
|
||||
"Strategic design elements that guide visitors toward taking action", bentoComponent: "reveal-icon", icon: CheckCircle,
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -104,37 +100,37 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="advanced-features" data-section="advanced-features">
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<FeatureBorderGlow
|
||||
title="Enterprise-Grade Security & Reliability"
|
||||
description="Trust your infrastructure with enterprise-level security, compliance, and uptime guarantees."
|
||||
tag="Security"
|
||||
tagIcon={Shield}
|
||||
title="Why Choose Zorgen Digital"
|
||||
description="We combine stunning design with technical expertise to create websites that deliver real business results."
|
||||
tag="Why Us"
|
||||
tagIcon={Sparkles}
|
||||
features={[
|
||||
{
|
||||
icon: Lock,
|
||||
title: "End-to-End Encryption", description:
|
||||
"Military-grade encryption for all data in transit and at rest"
|
||||
icon: Brush,
|
||||
title: "Expert Designers", description:
|
||||
"Our team brings years of experience in creating beautiful, functional websites"
|
||||
},
|
||||
{
|
||||
icon: Code,
|
||||
title: "Clean Code", description: "Well-structured, maintainable code that performs flawlessly"
|
||||
},
|
||||
{
|
||||
icon: Rocket,
|
||||
title: "Fast Loading", description: "Optimized for speed to keep visitors engaged and reduce bounce rates"
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "99.99% Uptime SLA", description: "Industry-leading uptime guarantee with automatic failover"
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "SOC 2 Certified", description: "Complete compliance with SOC 2 Type II standards"
|
||||
},
|
||||
{
|
||||
icon: AlertCircle,
|
||||
title: "Real-time Monitoring", description: "Continuous monitoring with instant alert notifications"
|
||||
},
|
||||
{
|
||||
icon: BarChart3,
|
||||
title: "Detailed Auditing", description: "Complete audit logs for compliance and accountability"
|
||||
title: "Fully Responsive", description: "Perfect display on every device and screen size"
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "DDoS Protection", description: "Advanced protection against distributed attacks"
|
||||
title: "SEO Ready", description: "Built with search engines in mind from day one"
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Ongoing Support", description: "We're here to help you maintain and grow your website"
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -145,21 +141,21 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="DevFlow transformed how our team deploys and manages applications. The intuitive interface combined with powerful features has cut our deployment time by 60%. It's become an indispensable part of our development workflow."
|
||||
testimonial="Zorgen Digital completely transformed our online presence. Their team understood our vision and delivered a website that not only looks stunning but has significantly increased our customer inquiries. Highly professional and responsive throughout the entire process."
|
||||
rating={5}
|
||||
author="Alex Chen, VP Engineering at TechCorp"
|
||||
author="Sarah Mitchell, Owner of Mitchell & Associates"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiCJeN1jB7BPr6paJpl7rL6JWW/a-professional-headshot-of-a-tech-savvy--1773068745156-c17f6593.png", alt: "Alex Chen"
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiCJeN1jB7BPr6paJpl7rL6JWW/a-professional-headshot-of-a-tech-savvy--1773068745156-c17f6593.png", alt: "Sarah Mitchell"
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiCJeN1jB7BPr6paJpl7rL6JWW/a-professional-portrait-of-a-business-ex-1773068745225-d5cba50b.png", alt: "Sarah Williams"
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiCJeN1jB7BPr6paJpl7rL6JWW/a-professional-portrait-of-a-business-ex-1773068745225-d5cba50b.png", alt: "James Harrison"
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiCJeN1jB7BPr6paJpl7rL6JWW/a-diverse-professional-headshot-suitable-1773068745269-4ca2b054.png", alt: "Michael Rodriguez"
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiCJeN1jB7BPr6paJpl7rL6JWW/a-diverse-professional-headshot-suitable-1773068745269-4ca2b054.png", alt: "Emma Rodriguez"
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiCJeN1jB7BPr6paJpl7rL6JWW/a-professional-product-manager-or-tech-s-1773068745178-30e8930d.png", alt: "Emma Johnson"
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiCJeN1jB7BPr6paJpl7rL6JWW/a-professional-product-manager-or-tech-s-1773068745178-30e8930d.png", alt: "David Chen"
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
@@ -170,45 +166,45 @@ export default function LandingPage() {
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
title="Transparent, Scalable Pricing"
|
||||
description="Choose the perfect plan for your team. All plans include 14-day free trial, no credit card required."
|
||||
title="Simple, Transparent Pricing"
|
||||
description="All projects include unlimited revisions until you're completely satisfied."
|
||||
tag="Pricing"
|
||||
tagIcon={CreditCard}
|
||||
tagIcon={Star}
|
||||
plans={[
|
||||
{
|
||||
id: "starter", badge: "Popular", badgeIcon: Sparkles,
|
||||
price: "$99/mo", subtitle: "Perfect for small teams", buttons: [
|
||||
price: "$1,299", subtitle: "Perfect for small businesses", buttons: [
|
||||
{
|
||||
text: "Start Free Trial", href: "https://app.devflow.io/signup?plan=starter"
|
||||
text: "Get Started", href: "https://calendly.com/zorgen-digital"
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Up to 5 team members", "50GB storage", "Basic analytics", "Email support", "Git integration", "5 deployments per day"
|
||||
"Custom website design", "Fully responsive", "Up to 5 pages", "SEO optimization", "Mobile-friendly", "Fast loading speeds"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "professional", badge: "Most Popular", badgeIcon: Star,
|
||||
price: "$299/mo", subtitle: "Best for growing teams", buttons: [
|
||||
price: "$1,899", subtitle: "For growing businesses", buttons: [
|
||||
{
|
||||
text: "Start Free Trial", href: "https://app.devflow.io/signup?plan=professional"
|
||||
text: "Get Started", href: "https://calendly.com/zorgen-digital"
|
||||
},
|
||||
{
|
||||
text: "Contact Sales", href: "mailto:sales@devflow.io"
|
||||
text: "Contact for Quote", href: "mailto:hello@zorgen.digital"
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Up to 25 team members", "500GB storage", "Advanced analytics", "Priority support", "Git integration", "Unlimited deployments", "Custom domains", "API access"
|
||||
"Everything in Starter", "Up to 10 pages", "E-commerce integration", "Blog setup", "Contact forms & CMS", "Social media integration", "Analytics setup"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise", badge: "Enterprise", badgeIcon: Zap,
|
||||
price: "Custom", subtitle: "For large organizations", buttons: [
|
||||
price: "Custom", subtitle: "For complex projects", buttons: [
|
||||
{
|
||||
text: "Contact Sales", href: "mailto:enterprise@devflow.io"
|
||||
text: "Schedule Call", href: "https://calendly.com/zorgen-digital"
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Unlimited team members", "Unlimited storage", "Custom analytics", "24/7 phone support", "Dedicated account manager", "SSO & SAML", "On-premise option", "SLA guarantee"
|
||||
"Everything in Professional", "Unlimited pages", "Advanced integrations", "Custom functionality", "Dedicated support", "Performance optimization", "Maintenance & updates"
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -221,15 +217,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Newsletter"
|
||||
title="Stay Updated with Latest Features"
|
||||
description="Get weekly updates on new features, performance improvements, and best practices for modern development."
|
||||
tagIcon={Mail}
|
||||
tag="Get in Touch"
|
||||
title="Ready to Launch Your Custom Website?"
|
||||
description="Let's work together to create a website that represents your brand and drives real business results. Schedule a free consultation today."
|
||||
tagIcon={Rocket}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Subscribe"
|
||||
termsText="We respect your privacy. Unsubscribe at any time from our newsletter."
|
||||
buttonText="Schedule Consultation"
|
||||
termsText="We respect your privacy. We'll only contact you about your project."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -237,35 +233,32 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
{ label: "Security", href: "#advanced-features" },
|
||||
{ label: "Roadmap", href: "https://roadmap.devflow.io" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{ label: "Documentation", href: "https://docs.devflow.io" },
|
||||
{ label: "API Reference", href: "https://api.devflow.io" },
|
||||
{ label: "Blog", href: "https://blog.devflow.io" },
|
||||
{ label: "Status", href: "https://status.devflow.io" },
|
||||
title: "Services", items: [
|
||||
{ label: "Custom Design", href: "#services" },
|
||||
{ label: "Web Development", href: "#services" },
|
||||
{ label: "SEO Optimization", href: "#services" },
|
||||
{ label: "E-commerce", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "https://devflow.io/about" },
|
||||
{ label: "Contact", href: "mailto:hello@devflow.io" },
|
||||
{ label: "Privacy Policy", href: "https://devflow.io/privacy" },
|
||||
{
|
||||
label: "Terms of Service", href: "https://devflow.io/terms"
|
||||
},
|
||||
{ label: "About Us", href: "#hero" },
|
||||
{ label: "Our Portfolio", href: "#portfolio" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Testimonials", href: "#testimonials" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "https://zorgen.digital/privacy" },
|
||||
{ label: "Terms of Service", href: "https://zorgen.digital/terms" },
|
||||
{ label: "Cookie Policy", href: "https://zorgen.digital/cookies" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 DevFlow. All rights reserved."
|
||||
copyrightText="© 2024 Zorgen Digital. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user