Merge version_1 into main #3
259
src/app/page.tsx
259
src/app/page.tsx
@@ -2,185 +2,104 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Database, Target, Zap } from "lucide-react";
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import { Zap, Database, Target } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="small"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noise"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="small"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noise"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Services", id: "/services"},
|
||||
{
|
||||
name: "Solutions", id: "/solutions"},
|
||||
{
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="digitalio"
|
||||
button={{
|
||||
text: "Get Started", href: "/contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
title="Build Smarter. Automate Faster. Scale Higher."
|
||||
description="Digitalio turns your complex business processes into high-performing, automated systems. Stop building from scratch, start scaling."
|
||||
tag="New: AI-Powered Automation Platform"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-broker-looking-real-time-stock-market-sales-analyzing-global-trade-exchange-statistics-capital-money-investment-working-with-hegde-fund-index-profit-forex-trading-night_482257-46966.jpg", imageAlt: "Platform Preview"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-office-desk-with-computer-screen-showing-terminal-windows_482257-126357.jpg", imageAlt: "Dev Workflow"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by 150+ companies"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Rapid Deployments", description: "Get your custom platform live in weeks, not months.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cloud-database-storage-concept-cloudscape-digital-online-server-global-network-web-database-backup-computer-infrastructure-technology_90220-1331.jpg", imageAlt: "Deployments"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-plexus-design-with-connecting-lines-dots-network-communications_1048-12200.jpg", imageAlt: "Deployments"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Autonomous Systems", description: "Intelligent automation that handles your repetitive tasks.", icon: Database,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-technology-background-with-connecting-lines-dots_1048-15454.jpg", imageAlt: "Automation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/illustration-with-cool-futuristic-sci-fi-techno-lights_181624-17352.jpg", imageAlt: "Automation"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "High-Conversion Design", description: "UI/UX specifically crafted to maximize your user conversions.", icon: Target,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-team-planning-marketing-strategy_53876-102032.jpg", imageAlt: "Conversion"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scene-with-business-person-working-futuristic-office-job_23-2151003692.jpg", imageAlt: "Conversion"},
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Why Digitalio?"
|
||||
description="Stop settling for static websites. We build dynamic engines that grow with you."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Microsoft", "Google", "Shopify", "Stripe", "Airbnb", "Slack", "Notion"]}
|
||||
title="Accelerating Industry Leaders"
|
||||
description="See why fast-growing companies trust digitalio for their infrastructure."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Miller", handle: "@sarahm", testimonial: "Digitalio transformed our workflow. Incredible work.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg"},
|
||||
{
|
||||
id: "2", name: "Mark Chen", handle: "@markc", testimonial: "The automated system is flawless. ROI increased significantly.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-woman-professional-attire_23-2152009547.jpg"},
|
||||
{
|
||||
id: "3", name: "Emily Rose", handle: "@emilyr", testimonial: "Stunning design, high conversion. Best agency choice.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-elegant-bearded-male-wearing-classic-waistcoat-slim-bow-tie_613910-1520.jpg"},
|
||||
{
|
||||
id: "4", name: "David Kim", handle: "@davidk", testimonial: "Effortless communication and delivery. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-team-close-up_23-2147626274.jpg"},
|
||||
{
|
||||
id: "5", name: "Chloe Lee", handle: "@chloel", testimonial: "Their automation expertise is unmatched in the market.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-colleagues-table_23-2149006872.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Partners Say"
|
||||
description="Real results from real growth stories."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFifteen
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
testimonial="The best service I've ever used"
|
||||
rating={5}
|
||||
author={{ name: "Jane Doe", handle: "@janedoe", imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg" }}
|
||||
avatars={[]}
|
||||
title="Testimonial"
|
||||
description="What our clients say"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="digitalio"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Services", href: "/services"},
|
||||
{
|
||||
label: "Solutions", href: "/solutions"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Blog", href: "#"},
|
||||
{
|
||||
label: "Documentation", href: "#"},
|
||||
{
|
||||
label: "Contact", href: "/contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Services", id: "/services" }, { name: "Solutions", id: "/solutions" }, { name: "Contact", id: "/contact" }]}
|
||||
button={{ text: "Get Started", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Build Smarter. Automate Faster. Scale Higher."
|
||||
description="Digitalio turns your complex business processes into high-performing, automated systems. Stop building from scratch, start scaling."
|
||||
tag="New: AI-Powered Automation Platform"
|
||||
mediaItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/woman-broker-looking-real-time-stock-market-sales-analyzing-global-trade-exchange-statistics-capital-money-investment-working-with-hegde-fund-index-profit-forex-trading-night_482257-46966.jpg", imageAlt: "Platform Preview" }, { imageSrc: "http://img.b2bpic.net/free-photo/empty-office-desk-with-computer-screen-showing-terminal-windows_482257-126357.jpg", imageAlt: "Dev Workflow" }]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by 150+ companies"
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Rapid Deployments", description: "Get your custom platform live in weeks, not months.", icon: Zap, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/cloud-database-storage-concept-cloudscape-digital-online-server-global-network-web-database-backup-computer-infrastructure-technology_90220-1331.jpg", imageAlt: "Deployments" }, { imageSrc: "http://img.b2bpic.net/free-photo/3d-plexus-design-with-connecting-lines-dots-network-communications_1048-12200.jpg", imageAlt: "Deployments" }] },
|
||||
{ title: "Autonomous Systems", description: "Intelligent automation that handles your repetitive tasks.", icon: Database, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/3d-render-technology-background-with-connecting-lines-dots_1048-15454.jpg", imageAlt: "Automation" }, { imageSrc: "http://img.b2bpic.net/free-photo/illustration-with-cool-futuristic-sci-fi-techno-lights_181624-17352.jpg", imageAlt: "Automation" }] },
|
||||
{ title: "High-Conversion Design", description: "UI/UX specifically crafted to maximize your user conversions.", icon: Target, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/business-team-planning-marketing-strategy_53876-102032.jpg", imageAlt: "Conversion" }, { imageSrc: "http://img.b2bpic.net/free-photo/scene-with-business-person-working-futuristic-office-job_23-2151003692.jpg", imageAlt: "Conversion" }] }
|
||||
]}
|
||||
title="Why Digitalio?"
|
||||
description="Stop settling for static websites. We build dynamic engines that grow with you."
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={["Microsoft", "Google", "Shopify", "Stripe", "Airbnb", "Slack", "Notion"]}
|
||||
title="Accelerating Industry Leaders"
|
||||
description="See why fast-growing companies trust digitalio for their infrastructure."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Miller", handle: "@sarahm", testimonial: "Digitalio transformed our workflow. Incredible work.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg" },
|
||||
{ id: "2", name: "Mark Chen", handle: "@markc", testimonial: "The automated system is flawless. ROI increased significantly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-woman-professional-attire_23-2152009547.jpg" },
|
||||
{ id: "3", name: "Emily Rose", handle: "@emilyr", testimonial: "Stunning design, high conversion. Best agency choice.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/serious-elegant-bearded-male-wearing-classic-waistcoat-slim-bow-tie_613910-1520.jpg" },
|
||||
{ id: "4", name: "David Kim", handle: "@davidk", testimonial: "Effortless communication and delivery. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-team-close-up_23-2147626274.jpg" },
|
||||
{ id: "5", name: "Chloe Lee", handle: "@chloel", testimonial: "Their automation expertise is unmatched in the market.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-colleagues-table_23-2149006872.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Partners Say"
|
||||
description="Real results from real growth stories."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFifteen
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
title="Testimonial"
|
||||
description="What our clients say"
|
||||
testimonial="The best service I've ever used"
|
||||
rating={5}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="digitalio"
|
||||
columns={[{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Services", href: "/services" }, { label: "Solutions", href: "/solutions" }] }, { title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "Documentation", href: "#" }, { label: "Contact", href: "/contact" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user