Initial commit
This commit is contained in:
vitalijmulika
395
src/app/page.tsx
Normal file
395
src/app/page.tsx
Normal file
@@ -0,0 +1,395 @@
|
||||
"use client"
|
||||
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import MetricCardFive from '@/components/sections/metrics/MetricCardFive';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import { Zap, TrendingUp, Shield, Wrench, Sparkles } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="mediumLarge"
|
||||
background="noiseGradient"
|
||||
cardStyle="gradient-subtle"
|
||||
primaryButtonStyle="neon-glow-border"
|
||||
secondaryButtonStyle="outline"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
brandName="TechVenture"
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
logoText="TechVenture"
|
||||
description="Build the future with intelligent software solutions. We empower startups and enterprises with cutting-edge technology platforms that scale."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402154996-hfblxpxy.jpg"
|
||||
imageAlt="Modern tech startup office environment"
|
||||
frameStyle="browser"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
title="Why Choose TechVenture"
|
||||
description="We combine innovation with reliability to deliver software solutions that matter."
|
||||
tag="Our Mission"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Fast Development",
|
||||
description: "Rapid deployment cycles with agile methodologies. Get to market quickly without sacrificing quality.",
|
||||
icon: Zap
|
||||
},
|
||||
{
|
||||
title: "Scalable Architecture",
|
||||
description: "Infrastructure designed to grow with your business. Handle millions of users seamlessly.",
|
||||
icon: TrendingUp
|
||||
},
|
||||
{
|
||||
title: "24/7 Support",
|
||||
description: "Expert support team ready to help. Guaranteed uptime and immediate response to issues.",
|
||||
icon: Shield
|
||||
},
|
||||
{
|
||||
title: "Custom Solutions",
|
||||
description: "Tailor-made implementations for your unique needs. No cookie-cutter approaches here.",
|
||||
icon: Wrench
|
||||
}
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766496689882-hqygyxp0.jpg"
|
||||
imageAlt="TechVenture team collaborating on innovative projects"
|
||||
imagePosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
title="Powerful Features Built for You"
|
||||
description="Everything you need to build and scale your next big idea"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
showStepNumbers={true}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Real-time Analytics",
|
||||
description: "Monitor your application performance with comprehensive dashboards. Track user behavior, system metrics, and business KPIs in real-time.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766496686627-7o9q2l8m.jpg"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766496688644-nb219wso.jpg"
|
||||
}
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "API Integration",
|
||||
description: "Connect seamlessly with third-party services. Our robust API ecosystem integrates with 500+ popular tools and platforms.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766496686627-7o9q2l8m.jpg"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766496688644-nb219wso.jpg"
|
||||
}
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Security First",
|
||||
description: "Enterprise-grade security with zero-trust architecture. End-to-end encryption, multi-factor authentication, and compliance certifications.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766496686627-7o9q2l8m.jpg"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766496688644-nb219wso.jpg"
|
||||
}
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
title="Simple, Transparent Pricing"
|
||||
description="Choose the plan that fits your needs. Scale up anytime."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
animationType="slide-up"
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
price: "$299/mo",
|
||||
name: "Starter",
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "contact"
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#"
|
||||
}
|
||||
],
|
||||
features: [
|
||||
"Up to 10,000 API calls/month",
|
||||
"1 GB storage",
|
||||
"Email support",
|
||||
"Basic analytics",
|
||||
"Community access"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "professional",
|
||||
badge: "Most Popular",
|
||||
badgeIcon: Sparkles,
|
||||
price: "$999/mo",
|
||||
name: "Professional",
|
||||
buttons: [
|
||||
{
|
||||
text: "Start Free Trial",
|
||||
href: "contact"
|
||||
},
|
||||
{
|
||||
text: "Schedule Demo",
|
||||
href: "#"
|
||||
}
|
||||
],
|
||||
features: [
|
||||
"Unlimited API calls",
|
||||
"100 GB storage",
|
||||
"Priority support",
|
||||
"Advanced analytics",
|
||||
"Custom integrations",
|
||||
"Team collaboration"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
price: "Custom",
|
||||
name: "Enterprise",
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact Sales",
|
||||
href: "contact"
|
||||
},
|
||||
{
|
||||
text: "View Details",
|
||||
href: "#"
|
||||
}
|
||||
],
|
||||
features: [
|
||||
"Unlimited everything",
|
||||
"Dedicated support",
|
||||
"Custom SLA",
|
||||
"White-label options",
|
||||
"On-premise deployment",
|
||||
"Custom compliance"
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFive
|
||||
title="Proven Impact by the Numbers"
|
||||
description="Join thousands of companies transforming their operations"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "50K+",
|
||||
description: "Active developers using TechVenture platform globally"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "99.99%",
|
||||
description: "Uptime guarantee with zero scheduled downtime"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "2M+",
|
||||
description: "API requests processed daily across all regions"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "150ms",
|
||||
description: "Average response time under optimal conditions"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
title="Loved by Industry Leaders"
|
||||
description="See what our customers have to say about their experience"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Chen",
|
||||
role: "CTO",
|
||||
testimonial: "TechVenture transformed our infrastructure. Deployment time reduced by 80% and our team is significantly more productive.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399490259-ptyv09vk.jpg",
|
||||
imageAlt: "Sarah Chen, CTO"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Johnson",
|
||||
role: "VP Engineering",
|
||||
testimonial: "The API is incredibly intuitive. Integration took us two days instead of two weeks. Outstanding documentation and support.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399489339-4b0slwhc.jpg",
|
||||
imageAlt: "Marcus Johnson, VP Engineering"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Founder & CEO",
|
||||
testimonial: "As a startup, we needed a solution that could scale with us. TechVenture delivered exactly that at a fraction of the cost.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402157943-c3nj0vnx.jpg",
|
||||
imageAlt: "Emily Rodriguez, Founder & CEO"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Product Manager",
|
||||
testimonial: "The analytics dashboard gives us real insights into user behavior. We've increased engagement by 45% using their recommendations.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402159077-rcohkwtj.jpg",
|
||||
imageAlt: "David Kim, Product Manager"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
title="Common Questions Answered"
|
||||
description="Everything you need to know about TechVenture"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
mediaPosition="left"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766496691359-87iwvr82.jpg"
|
||||
imageAlt="Support team helping customers"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How quickly can I get started?",
|
||||
content: "You can be up and running in minutes. Sign up, follow our quick start guide, and integrate your first API call within 10 minutes. Most customers have a working implementation within a day."
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "What is your uptime guarantee?",
|
||||
content: "We guarantee 99.99% uptime with automatic failover across multiple regions. If we fall below that, you receive service credits. Our infrastructure is monitored 24/7 by our dedicated team."
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I switch plans anytime?",
|
||||
content: "Absolutely. Upgrade or downgrade your plan anytime with no penalties. Changes take effect at the start of your next billing cycle. Pro-rated adjustments apply for mid-cycle changes."
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Do you offer custom integrations?",
|
||||
content: "Yes, our professional and enterprise plans include custom integration support. Our team can help build integrations with any system. Contact our sales team to discuss your specific needs."
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Is my data secure?",
|
||||
content: "Security is our top priority. We use end-to-end encryption, regular security audits, and comply with GDPR, HIPAA, and SOC 2 Type II. All data is backed up and redundantly stored."
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
title: "What support is included?",
|
||||
content: "All plans include email support. Professional plans get priority support with 2-hour response times. Enterprise customers receive 24/7 phone support and a dedicated success manager."
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Ready to transform your software development? Join leading companies using TechVenture today."
|
||||
animationType="entrance-slide"
|
||||
useInvertedBackground="noInvert"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Free Trial",
|
||||
href: "contact"
|
||||
},
|
||||
{
|
||||
text: "Schedule Demo",
|
||||
href: "#"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{ label: "Features", href: "features" },
|
||||
{ label: "Pricing", href: "pricing" },
|
||||
{ label: "Security", href: "#" },
|
||||
{ label: "Enterprise", href: "#" },
|
||||
{ label: "Changelog", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About Us", href: "about" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Contact", href: "contact" },
|
||||
{ label: "Partners", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
{ label: "Status Page", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 TechVenture. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user