Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
46
src/app/auth/page.tsx
Normal file
46
src/app/auth/page.tsx
Normal file
@@ -0,0 +1,46 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
|
||||
export default function AuthPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="none"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Features", id: "/features" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
]}
|
||||
brandName="CloudScale"
|
||||
/>
|
||||
</div>
|
||||
<div id="auth" data-section="auth">
|
||||
<ContactCTA
|
||||
tag="Welcome Back"
|
||||
title="Sign into your account"
|
||||
description="Enter your credentials to access your dashboard."
|
||||
buttons={[{ text: "Sign In", href: "#" }]}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
259
src/app/page.tsx
259
src/app/page.tsx
@@ -33,21 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
{
|
||||
name: "Sign In", id: "/auth"}
|
||||
]}
|
||||
brandName="CloudScale"
|
||||
/>
|
||||
@@ -57,91 +51,50 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Scale Your SaaS Performance Effortlessly"
|
||||
description="Unlock data-driven insights and drive enterprise-grade scalability with our all-in-one software platform."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alice Smith",
|
||||
handle: "@alicesmith",
|
||||
testimonial: "This platform transformed our operations completely.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-businessman-work-office_1163-5523.jpg",
|
||||
},
|
||||
name: "Alice Smith", handle: "@alicesmith", testimonial: "This platform transformed our operations completely.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-businessman-work-office_1163-5523.jpg"},
|
||||
{
|
||||
name: "Bob Jones",
|
||||
handle: "@bobjones",
|
||||
testimonial: "Scalability has never been this seamless.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-tablet-user-glasses-happy-about-high-speed-connection_74855-2969.jpg",
|
||||
},
|
||||
name: "Bob Jones", handle: "@bobjones", testimonial: "Scalability has never been this seamless.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-tablet-user-glasses-happy-about-high-speed-connection_74855-2969.jpg"},
|
||||
{
|
||||
name: "Charlie Day",
|
||||
handle: "@charlieday",
|
||||
testimonial: "The best developer experience in the industry.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-using-her-laptop-while-sitting-outdoors-street-business-concept_58466-11838.jpg",
|
||||
},
|
||||
name: "Charlie Day", handle: "@charlieday", testimonial: "The best developer experience in the industry.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-using-her-laptop-while-sitting-outdoors-street-business-concept_58466-11838.jpg"},
|
||||
{
|
||||
name: "Diana Ross",
|
||||
handle: "@dianaross",
|
||||
testimonial: "Incredible insights for our growth strategy.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-browsing-laptop_23-2148729650.jpg",
|
||||
},
|
||||
name: "Diana Ross", handle: "@dianaross", testimonial: "Incredible insights for our growth strategy.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-browsing-laptop_23-2148729650.jpg"},
|
||||
{
|
||||
name: "Evan White",
|
||||
handle: "@evanwhite",
|
||||
testimonial: "Customer support is top-notch and proactive.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-focused-freelancer-using-laptop_1262-18611.jpg",
|
||||
},
|
||||
name: "Evan White", handle: "@evanwhite", testimonial: "Customer support is top-notch and proactive.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-focused-freelancer-using-laptop_1262-18611.jpg"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-sci-fi-space-tunnel-passageway-with-glowing-shiny-lights_181624-20241.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businesswoman-working-laptop-sitting-office-suit-waiting-client-preparing-documentation_1258-194491.jpg",
|
||||
alt: "Executive profile",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/businesswoman-working-laptop-sitting-office-suit-waiting-client-preparing-documentation_1258-194491.jpg", alt: "Executive profile"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-manager_1098-15671.jpg",
|
||||
alt: "Manager profile",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-manager_1098-15671.jpg", alt: "Manager profile"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-successful-businessman-smiling-posing-with-crossed-arms-office_176420-913.jpg",
|
||||
alt: "Professional profile",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-successful-businessman-smiling-posing-with-crossed-arms-office_176420-913.jpg", alt: "Professional profile"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-successful-businessman-works-laptop_1163-5473.jpg",
|
||||
alt: "Entrepreneur profile",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-successful-businessman-works-laptop_1163-5473.jpg", alt: "Entrepreneur profile"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-urban-lifestyle-concept-stylish-curly-haired-woman-walks-outdoors-with-digital-tablet-takeaway-coffee-focused-aside-wears-sunglasses-jacket-stands-against-modern-glass-building_273609-62234.jpg",
|
||||
alt: "User success profile",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/people-urban-lifestyle-concept-stylish-curly-haired-woman-walks-outdoors-with-digital-tablet-takeaway-coffee-focused-aside-wears-sunglasses-jacket-stands-against-modern-glass-building_273609-62234.jpg", alt: "User success profile"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Enterprise Ready",
|
||||
},
|
||||
type: "text", text: "Enterprise Ready"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time Insights",
|
||||
},
|
||||
type: "text", text: "Real-time Insights"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cloud Native",
|
||||
},
|
||||
type: "text", text: "Cloud Native"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Scalability",
|
||||
},
|
||||
type: "text", text: "Global Scalability"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Infrastructure",
|
||||
},
|
||||
type: "text", text: "Secure Infrastructure"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -153,19 +106,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Latency",
|
||||
value: "<10ms",
|
||||
},
|
||||
label: "Latency", value: "<10ms"},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Uptime",
|
||||
value: "99.99%",
|
||||
},
|
||||
label: "Uptime", value: "99.99%"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Growth",
|
||||
value: "500%",
|
||||
},
|
||||
label: "Growth", value: "500%"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -177,20 +124,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Advanced Analytics",
|
||||
description: "Get deep, real-time insights into your app's performance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12013.jpg",
|
||||
},
|
||||
title: "Advanced Analytics", description: "Get deep, real-time insights into your app's performance.", imageSrc: "http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12013.jpg"},
|
||||
{
|
||||
title: "Cloud Architecture",
|
||||
description: "Robust and secure infrastructure managed globally.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineer-server-hub-works-with-artificial-intelligence-computerized-model_482257-122246.jpg",
|
||||
},
|
||||
title: "Cloud Architecture", description: "Robust and secure infrastructure managed globally.", imageSrc: "http://img.b2bpic.net/free-photo/engineer-server-hub-works-with-artificial-intelligence-computerized-model_482257-122246.jpg"},
|
||||
{
|
||||
title: "AI Integration",
|
||||
description: "Leverage machine learning to automate complex tasks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12010.jpg",
|
||||
},
|
||||
title: "AI Integration", description: "Leverage machine learning to automate complex tasks.", imageSrc: "http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12010.jpg"},
|
||||
]}
|
||||
title="Engineered for Innovation"
|
||||
description="A comprehensive toolkit designed to streamline your development and deployment workflows."
|
||||
@@ -202,14 +140,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Microsoft",
|
||||
"Google",
|
||||
"Amazon",
|
||||
"Tesla",
|
||||
"Nvidia",
|
||||
"Adobe",
|
||||
"Salesforce",
|
||||
]}
|
||||
"Microsoft", "Google", "Amazon", "Tesla", "Nvidia", "Adobe", "Salesforce"]}
|
||||
title="Trusted by Leaders"
|
||||
description="Partnering with innovative companies around the globe."
|
||||
/>
|
||||
@@ -222,54 +153,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Entry",
|
||||
price: "$99",
|
||||
subtitle: "For small teams",
|
||||
features: [
|
||||
"Core features",
|
||||
"Standard support",
|
||||
"Shared infrastructure",
|
||||
],
|
||||
id: "basic", badge: "Entry", price: "$99", subtitle: "For small teams", features: [
|
||||
"Core features", "Standard support", "Shared infrastructure"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Start Basic",
|
||||
href: "#",
|
||||
},
|
||||
text: "Start Basic", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Popular",
|
||||
price: "$299",
|
||||
subtitle: "For growing startups",
|
||||
features: [
|
||||
"Everything in Basic",
|
||||
"Advanced Analytics",
|
||||
"Priority Support",
|
||||
],
|
||||
id: "pro", badge: "Popular", price: "$299", subtitle: "For growing startups", features: [
|
||||
"Everything in Basic", "Advanced Analytics", "Priority Support"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Go Pro",
|
||||
href: "#",
|
||||
},
|
||||
text: "Go Pro", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Custom",
|
||||
price: "$999+",
|
||||
subtitle: "For large scale",
|
||||
features: [
|
||||
"Everything in Pro",
|
||||
"Dedicated Account Manager",
|
||||
"SLA Guarantee",
|
||||
],
|
||||
id: "enterprise", badge: "Custom", price: "$999+", subtitle: "For large scale", features: [
|
||||
"Everything in Pro", "Dedicated Account Manager", "SLA Guarantee"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -285,40 +189,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Smith",
|
||||
role: "CEO",
|
||||
testimonial: "Amazing platform experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-happy-excited-business-leadership-smiling_482257-10514.jpg",
|
||||
},
|
||||
id: "1", name: "Alice Smith", role: "CEO", testimonial: "Amazing platform experience.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-happy-excited-business-leadership-smiling_482257-10514.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob Jones",
|
||||
role: "CTO",
|
||||
testimonial: "Scaling became trivial with this.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/startup-worker-uses-laptop-open-space-reviewing-project-data-documents-workstation-executive-assistant-working-marketing-strategy-business-development-ai-developer_482257-65810.jpg",
|
||||
},
|
||||
id: "2", name: "Bob Jones", role: "CTO", testimonial: "Scaling became trivial with this.", imageSrc: "http://img.b2bpic.net/free-photo/startup-worker-uses-laptop-open-space-reviewing-project-data-documents-workstation-executive-assistant-working-marketing-strategy-business-development-ai-developer_482257-65810.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Charlie Day",
|
||||
role: "Head of Engineering",
|
||||
testimonial: "Highly recommended for teams.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-monitors-financial-indicators-online_1163-5479.jpg",
|
||||
},
|
||||
id: "3", name: "Charlie Day", role: "Head of Engineering", testimonial: "Highly recommended for teams.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-monitors-financial-indicators-online_1163-5479.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Diana Ross",
|
||||
role: "Product Lead",
|
||||
testimonial: "Top-notch tool and team.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mug-with-boss-sticker_23-2148636926.jpg",
|
||||
},
|
||||
id: "4", name: "Diana Ross", role: "Product Lead", testimonial: "Top-notch tool and team.", imageSrc: "http://img.b2bpic.net/free-photo/mug-with-boss-sticker_23-2148636926.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Evan White",
|
||||
role: "DevOps Lead",
|
||||
testimonial: "Changed our deployment process.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg",
|
||||
},
|
||||
id: "5", name: "Evan White", role: "DevOps Lead", testimonial: "Changed our deployment process.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg"},
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="See why top developers choose our platform."
|
||||
@@ -330,20 +209,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is the platform secure?",
|
||||
content: "Yes, we implement enterprise-grade security.",
|
||||
},
|
||||
id: "f1", title: "Is the platform secure?", content: "Yes, we implement enterprise-grade security."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I scale anytime?",
|
||||
content: "Absolutely, plans adjust instantly.",
|
||||
},
|
||||
id: "f2", title: "Can I scale anytime?", content: "Absolutely, plans adjust instantly."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is support available 24/7?",
|
||||
content: "Yes, our team is global and active.",
|
||||
},
|
||||
id: "f3", title: "Is support available 24/7?", content: "Yes, our team is global and active."},
|
||||
]}
|
||||
sideTitle="Commonly Asked"
|
||||
sideDescription="Everything you need to know."
|
||||
@@ -355,8 +225,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Let's Talk"
|
||||
title="Ready to scale?"
|
||||
description="Reach out to our experts for a personalized demo."
|
||||
@@ -370,29 +239,19 @@ export default function LandingPage() {
|
||||
logoText="CloudScale"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -401,4 +260,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user