diff --git a/src/app/page.tsx b/src/app/page.tsx index 08806e1..5ca4dce 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -19,7 +19,7 @@ export default function LandingPage() { borderRadius="soft" contentWidth="small" sizing="largeSmallSizeLargeTitles" - background="aurora" + background="circleGradient" cardStyle="solid" primaryButtonStyle="flat" secondaryButtonStyle="radial-glow" @@ -47,7 +47,7 @@ export default function LandingPage() { tag="Full-Stack Developer" tagIcon={Code} tagAnimation="slide-up" - background={{ variant: "aurora" }} + background={{ variant: "plain" }} imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AesooPgTYtW7amfS5hbCeIBmBp/a-minimalist-dark-tech-dashboard-interfa-1772964608855-8b8c7000.png" imageAlt="Developer dashboard interface" buttons={[ @@ -127,9 +127,9 @@ export default function LandingPage() { ] } ]} - titleClassName="text-[--foreground] [text-shadow:0_0_15px_rgba(0,240,255,0.4)]" - descriptionClassName="text-[--foreground] opacity-80" - tagClassName="text-[--accent] [text-shadow:0_0_10px_rgba(0,240,255,0.3)]" + cardTitleClassName="text-[--foreground] [text-shadow:0_0_15px_rgba(0,240,255,0.4)]" + cardDescriptionClassName="text-[--foreground] opacity-80" + textBoxTagClassName="text-[--accent] [text-shadow:0_0_10px_rgba(0,240,255,0.3)]" cardClassName="bg-[--card] border border-[--accent] border-opacity-20 rounded-lg hover:border-opacity-100 hover:shadow-[0_0_30px_rgba(0,240,255,0.3)] transition-all duration-500 p-6" /> @@ -157,9 +157,9 @@ export default function LandingPage() { id: "3", name: "Real-Time Collaboration Platform", price: "Full-Stack", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AesooPgTYtW7amfS5hbCeIBmBp/an-e-commerce-platform-interface-with-da-1772964609089-f627c8fb.png", imageAlt: "Collaboration tool", initialQuantity: 1 } ]} - titleClassName="text-[--foreground] [text-shadow:0_0_15px_rgba(0,240,255,0.4)]" - descriptionClassName="text-[--foreground] opacity-80" - tagClassName="text-[--accent] [text-shadow:0_0_10px_rgba(0,240,255,0.3)]" + textBoxTitleClassName="text-[--foreground] [text-shadow:0_0_15px_rgba(0,240,255,0.4)]" + textBoxDescriptionClassName="text-[--foreground] opacity-80" + textBoxTagClassName="text-[--accent] [text-shadow:0_0_10px_rgba(0,240,255,0.3)]" cardClassName="bg-[--card] border-2 border-[--accent] border-opacity-30 rounded-lg overflow-hidden hover:border-opacity-100 hover:shadow-[0_0_40px_rgba(0,240,255,0.4)] transition-all duration-500 group" /> @@ -180,11 +180,11 @@ export default function LandingPage() { { id: "3", icon: Zap, title: "Performance Score", value: "95+" }, { id: "4", icon: Star, title: "Client Rating", value: "4.9/5" } ]} - titleClassName="text-[--foreground] [text-shadow:0_0_15px_rgba(0,240,255,0.4)]" - descriptionClassName="text-[--foreground] opacity-80" - tagClassName="text-[--accent] [text-shadow:0_0_10px_rgba(0,240,255,0.3)]" + textBoxTitleClassName="text-[--foreground] [text-shadow:0_0_15px_rgba(0,240,255,0.4)]" + textBoxDescriptionClassName="text-[--foreground] opacity-80" + textBoxTagClassName="text-[--accent] [text-shadow:0_0_10px_rgba(0,240,255,0.3)]" cardClassName="bg-[--card] border border-[--accent] border-opacity-20 rounded-lg hover:border-opacity-100 hover:shadow-[0_0_30px_rgba(0,240,255,0.3)] transition-all duration-500" - valueClassName="text-4xl font-bold text-[--foreground] [text-shadow:0_0_15px_rgba(0,240,255,0.3)]" + metricTitleClassName="text-4xl font-bold text-[--foreground] [text-shadow:0_0_15px_rgba(0,240,255,0.3)]" />