design
This commit is contained in:
15
app/page.tsx
15
app/page.tsx
@@ -1,16 +1,19 @@
|
||||
import * as React from 'react';
|
||||
import { Zap, Shield, MousePointer2, Sparkles, ArrowRight, Check, X, Layout, Database, Workflow } from 'lucide-react';
|
||||
import { Zap, Shield, ArrowRight, Check, X, Layout, Database, Workflow } from 'lucide-react';
|
||||
import { Reveal } from '../src/components/Reveal';
|
||||
import { Section } from '../src/components/Section';
|
||||
import { HeroItem, FeatureCard, ComparisonRow, ServiceCard, HeroLines, GridLines, FlowLines, CirclePattern, ServicesFlow, ComparisonLines, ConnectorStart, ConnectorBranch, ConnectorSplit, ConnectorEnd } from '../src/components/Landing';
|
||||
import { HeroItem, FeatureCard, ComparisonRow, ServiceCard, HeroLines, GridLines, FlowLines, CirclePattern, ServicesFlow, ComparisonLines, ConnectorStart, ConnectorBranch, ConnectorSplit, ConnectorEnd, FlowingPath } from '../src/components/Landing';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<div className="flex flex-col bg-white overflow-hidden">
|
||||
{/* Global Background Pattern */}
|
||||
<div className="fixed inset-0 pointer-events-none -z-20 opacity-[0.03]" style={{
|
||||
<div className="flex flex-col bg-white overflow-hidden relative">
|
||||
{/* Flowing Path Animation - wraps around content */}
|
||||
<FlowingPath />
|
||||
|
||||
{/* Subtle Grid Pattern Overlay */}
|
||||
<div className="fixed inset-0 pointer-events-none -z-20 opacity-[0.015]" style={{
|
||||
backgroundImage: 'linear-gradient(#0f172a 1px, transparent 1px), linear-gradient(90deg, #0f172a 1px, transparent 1px)',
|
||||
backgroundSize: '40px 40px'
|
||||
backgroundSize: '80px 80px'
|
||||
}} />
|
||||
|
||||
{/* Hero Section - Split Layout */}
|
||||
|
||||
Reference in New Issue
Block a user