Merge version_3 into main
Merge version_3 into main
This commit was merged in pull request #1.
This commit is contained in:
250
src/app/page.tsx
250
src/app/page.tsx
@@ -7,7 +7,7 @@ import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
]}
|
||||
brandName="BrandName"
|
||||
/>
|
||||
@@ -56,16 +48,13 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
variant: "downward-rays-static"}}
|
||||
title="Build Your Future Today"
|
||||
description="We craft premium digital experiences that drive growth, efficiency, and scale for modern businesses."
|
||||
tag="Innovation"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
tagIcon={Zap}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-woman-discussing-work-project-online-meeting-looking-laptop-working-office_1258-195320.jpg"
|
||||
@@ -74,31 +63,14 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Excellence in Everything"
|
||||
description="With years of expertise, we focus on delivering high-quality solutions tailored to your unique goals."
|
||||
metrics={[
|
||||
{
|
||||
value: "100+",
|
||||
title: "Projects Completed",
|
||||
},
|
||||
{
|
||||
value: "99%",
|
||||
title: "Client Satisfaction",
|
||||
},
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "50+",
|
||||
title: "Global Partners",
|
||||
},
|
||||
<TextAbout
|
||||
tag="Our Vision"
|
||||
title="Crafting Solutions for the Future"
|
||||
description="We are a team of passionate creators dedicated to delivering top-tier digital services. Our approach balances aesthetic excellence with functional precision, ensuring that your business stands out in a competitive digital landscape."
|
||||
useInvertedBackground={true}
|
||||
buttons={[
|
||||
{ text: "Learn More", href: "#features" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/african-american-businessman-his-female-colleagues-working-laptop-office_637285-2668.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -109,35 +81,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Fast Deployment",
|
||||
description: "Quickly deploy and scale your applications with our robust infrastructure.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/web-design-25-flat-color-icon-pack-including-setting-tools-document-repair-tablet_1142-25106.jpg",
|
||||
imageAlt: "software interface clean icon",
|
||||
},
|
||||
title: "Fast Deployment", description: "Quickly deploy and scale your applications with our robust infrastructure.", imageSrc: "http://img.b2bpic.net/free-vector/web-design-25-flat-color-icon-pack-including-setting-tools-document-repair-tablet_1142-25106.jpg", imageAlt: "software interface clean icon"},
|
||||
{
|
||||
title: "Secure Data",
|
||||
description: "Enterprise-grade security ensuring your data remains protected at all times.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/25th-years-anniversary-celebration-3d-render_460848-8044.jpg",
|
||||
imageAlt: "innovation abstract shape",
|
||||
},
|
||||
title: "Secure Data", description: "Enterprise-grade security ensuring your data remains protected at all times.", imageSrc: "http://img.b2bpic.net/free-photo/25th-years-anniversary-celebration-3d-render_460848-8044.jpg", imageAlt: "innovation abstract shape"},
|
||||
{
|
||||
title: "Global Support",
|
||||
description: "Get assistance around the clock from our team of dedicated experts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-low-poly-with-connecting-lines-dots_1048-7721.jpg",
|
||||
imageAlt: "global connection network",
|
||||
},
|
||||
title: "Global Support", description: "Get assistance around the clock from our team of dedicated experts.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-low-poly-with-connecting-lines-dots_1048-7721.jpg", imageAlt: "global connection network"},
|
||||
{
|
||||
title: "Scalable Infrastructure",
|
||||
description: "Grow without limits using our cloud-native architecture.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-low-poly-plexus-connections-networking-background_1048-12580.jpg",
|
||||
imageAlt: "3D low poly plexus connections, networking background",
|
||||
},
|
||||
title: "Scalable Infrastructure", description: "Grow without limits using our cloud-native architecture.", imageSrc: "http://img.b2bpic.net/free-photo/3d-low-poly-plexus-connections-networking-background_1048-12580.jpg", imageAlt: "3D low poly plexus connections, networking background"},
|
||||
{
|
||||
title: "Advanced Analytics",
|
||||
description: "Gain actionable insights with our deep-dive data tools.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-network-communications-background-with-flowing-floating-particles_1048-12199.jpg",
|
||||
imageAlt: "3D network communications background with flowing and floating particles",
|
||||
},
|
||||
title: "Advanced Analytics", description: "Gain actionable insights with our deep-dive data tools.", imageSrc: "http://img.b2bpic.net/free-photo/3d-network-communications-background-with-flowing-floating-particles_1048-12199.jpg", imageAlt: "3D network communications background with flowing and floating particles"},
|
||||
]}
|
||||
title="Smart Features for Success"
|
||||
description="Powerful tools designed to simplify your workflow and maximize your output."
|
||||
@@ -153,59 +105,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Core",
|
||||
name: "Analytics Pro",
|
||||
price: "$49",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/foam-texture-background_23-2148099009.jpg",
|
||||
},
|
||||
id: "1", brand: "Core", name: "Analytics Pro", price: "$49", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/foam-texture-background_23-2148099009.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Core",
|
||||
name: "Dashboard Plus",
|
||||
price: "$79",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/gradient-cyber-monday-template_23-2149734905.jpg",
|
||||
},
|
||||
id: "2", brand: "Core", name: "Dashboard Plus", price: "$79", rating: 5,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-psd/gradient-cyber-monday-template_23-2149734905.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Core",
|
||||
name: "Workflow AI",
|
||||
price: "$99",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vanity-case-products-arrangement_23-2149879908.jpg",
|
||||
},
|
||||
id: "3", brand: "Core", name: "Workflow AI", price: "$99", rating: 5,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/vanity-case-products-arrangement_23-2149879908.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Core",
|
||||
name: "Security Suite",
|
||||
price: "$129",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-hologram-indoors_23-2151833342.jpg",
|
||||
},
|
||||
id: "4", brand: "Core", name: "Security Suite", price: "$129", rating: 5,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/technology-hologram-indoors_23-2151833342.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Core",
|
||||
name: "Team Manager",
|
||||
price: "$59",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-selfcare-routine-products_23-2149291862.jpg",
|
||||
},
|
||||
id: "5", brand: "Core", name: "Team Manager", price: "$59", rating: 5,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/close-up-selfcare-routine-products_23-2149291862.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Core",
|
||||
name: "Growth Monitor",
|
||||
price: "$89",
|
||||
rating: 5,
|
||||
reviewCount: "70",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-white-background_187299-46541.jpg",
|
||||
},
|
||||
id: "6", brand: "Core", name: "Growth Monitor", price: "$89", rating: 5,
|
||||
reviewCount: "70", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-white-background_187299-46541.jpg"},
|
||||
]}
|
||||
title="Our Solutions"
|
||||
description="Explore our range of curated software offerings designed to help your team perform at its best."
|
||||
@@ -219,36 +135,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Entry",
|
||||
price: "$29",
|
||||
subtitle: "For small teams starting out",
|
||||
features: [
|
||||
"Basic tools",
|
||||
"Email support",
|
||||
],
|
||||
id: "basic", badge: "Entry", price: "$29", subtitle: "For small teams starting out", features: [
|
||||
"Basic tools", "Email support"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Popular",
|
||||
price: "$79",
|
||||
subtitle: "Best for growing businesses",
|
||||
features: [
|
||||
"Advanced features",
|
||||
"Priority support",
|
||||
"API access",
|
||||
],
|
||||
id: "pro", badge: "Popular", price: "$79", subtitle: "Best for growing businesses", features: [
|
||||
"Advanced features", "Priority support", "API access"],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Custom",
|
||||
price: "$199",
|
||||
subtitle: "For large-scale operations",
|
||||
features: [
|
||||
"Dedicated support",
|
||||
"Custom workflows",
|
||||
"Advanced security",
|
||||
],
|
||||
id: "enterprise", badge: "Custom", price: "$199", subtitle: "For large-scale operations", features: [
|
||||
"Dedicated support", "Custom workflows", "Advanced security"],
|
||||
},
|
||||
]}
|
||||
title="Simple Pricing"
|
||||
@@ -264,25 +160,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "20K+",
|
||||
title: "Users",
|
||||
description: "Active users daily",
|
||||
icon: Users,
|
||||
id: "m1", value: "20K+", title: "Users", description: "Active users daily", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "150+",
|
||||
title: "Countries",
|
||||
description: "Global reach",
|
||||
icon: Globe,
|
||||
id: "m2", value: "150+", title: "Countries", description: "Global reach", icon: Globe,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
description: "Reliable service",
|
||||
icon: Shield,
|
||||
id: "m3", value: "99.9%", title: "Uptime", description: "Reliable service", icon: Shield,
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
@@ -295,30 +179,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-man-holding-smart-phone_23-2147935571.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-man-holding-smart-phone_23-2147935571.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg",
|
||||
},
|
||||
id: "t2", name: "Mark D.", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jane L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg",
|
||||
},
|
||||
id: "t3", name: "Jane L.", imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Paul B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-transgender-posing-medium-shot_23-2149154632.jpg",
|
||||
},
|
||||
id: "t4", name: "Paul B.", imageSrc: "http://img.b2bpic.net/free-photo/expressive-transgender-posing-medium-shot_23-2149154632.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alice M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg",
|
||||
},
|
||||
id: "t5", name: "Alice M.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg"},
|
||||
]}
|
||||
cardTitle="What They Say"
|
||||
cardTag="Reviews"
|
||||
@@ -330,14 +199,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
text="Ready to get started? Let’s work together on your next project."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -347,29 +213,19 @@ export default function LandingPage() {
|
||||
logoText="BrandName"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
{
|
||||
label: "Help",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user