diff --git a/src/app/page.tsx b/src/app/page.tsx index 4b095ee..6a2083d 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -10,7 +10,7 @@ import TestimonialCardThirteen from "@/components/sections/testimonial/Testimoni import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven"; import ContactSplit from "@/components/sections/contact/ContactSplit"; import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis"; -import { Code, Eye, FileText, Palette, RefreshCw, Zap } from "lucide-react"; +import { Code, Eye, FileText, Palette, RefreshCw, Zap, Mail } from "lucide-react"; export default function LandingPage() { const handleNewsletterSubmit = (email: string) => { @@ -40,7 +40,8 @@ export default function LandingPage() { { name: "Projects", id: "product" }, ]} button={{ - text: "Get Started", href: "#contact"}} + text: "Get Started", href: "#contact" + }} animateOnLoad={true} className="fixed top-4 left-1/2 -translate-x-1/2 z-50 backdrop-blur-lg bg-white/80 border border-white/20 rounded-full shadow-lg" navItemClassName="text-sm font-medium hover:text-blue-600 transition-colors duration-300" @@ -53,7 +54,7 @@ export default function LandingPage() { @@ -139,16 +146,19 @@ export default function LandingPage() { useInvertedBackground={false} products={[ { - id: "1", name: "E-Commerce Platform", price: "React + Node.js", variant: "Full-stack, Responsive Design", imageSrc: "http://img.b2bpic.net/free-psd/portfolio-showcase-social-media-template-with-photo-frame_47987-32140.jpg", imageAlt: "E-Commerce Project"}, + id: "1", name: "E-Commerce Platform", price: "React + Node.js", variant: "Full-stack, Responsive Design", imageSrc: "http://img.b2bpic.net/free-psd/portfolio-showcase-social-media-template-with-photo-frame_47987-32140.jpg", imageAlt: "E-Commerce Project" + }, { - id: "2", name: "Task Management App", price: "Vue.js + Firebase", variant: "Real-time Sync, PWA", imageSrc: "http://img.b2bpic.net/free-photo/african-american-skilled-analyst-reviewing-monthly-revenue-balance_482257-122687.jpg", imageAlt: "Task Management Project"}, + id: "2", name: "Task Management App", price: "Vue.js + Firebase", variant: "Real-time Sync, PWA", imageSrc: "http://img.b2bpic.net/free-photo/african-american-skilled-analyst-reviewing-monthly-revenue-balance_482257-122687.jpg", imageAlt: "Task Management Project" + }, { - id: "3", name: "Mobile Weather App", price: "React Native", variant: "iOS & Android, API Integration", imageSrc: "http://img.b2bpic.net/free-vector/app-development-concept-with-flat-deisng_23-2147851632.jpg", imageAlt: "Weather App Project"}, + id: "3", name: "Mobile Weather App", price: "React Native", variant: "iOS & Android, API Integration", imageSrc: "http://img.b2bpic.net/free-vector/app-development-concept-with-flat-deisng_23-2147851632.jpg", imageAlt: "Weather App Project" + }, ]} className="py-20" containerClassName="py-20" - titleClassName="text-4xl md:text-5xl font-bold text-indigo-600" - descriptionClassName="text-lg text-gray-700 mt-4 max-w-2xl" + textBoxTitleClassName="text-4xl md:text-5xl font-bold text-indigo-600" + textBoxDescriptionClassName="text-lg text-gray-700 mt-4 max-w-2xl" /> @@ -164,21 +174,25 @@ export default function LandingPage() { testimonials={[ { id: "1", name: "Sarah Chen", handle: "@sarahdesigns", testimonial: "Antigravity transformed how I showcase my work. The automated generation saved me hours, and the result looks incredible.", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg?_wi=1", imageAlt: "Sarah Chen"}, + imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg", imageAlt: "Sarah Chen" + }, { id: "2", name: "Marcus Johnson", handle: "@mjdev", testimonial: "Finally, a portfolio generator that respects my technical choices. The Python backend and Jinja2 templates are exactly what I needed.", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg?_wi=2", imageAlt: "Marcus Johnson"}, + imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg", imageAlt: "Marcus Johnson" + }, { id: "3", name: "Emma Rodriguez", handle: "@emmadev", testimonial: "The neon glassmorphism design is stunning. My clients are impressed, and it's fully responsive on every device.", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg?_wi=3", imageAlt: "Emma Rodriguez"}, + imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg", imageAlt: "Emma Rodriguez" + }, { id: "4", name: "Alex Patterson", handle: "@alexpatdev", testimonial: "Deploying to GitHub Pages was seamless. Antigravity handles all the complexity so I can focus on my projects.", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg?_wi=4", imageAlt: "Alex Patterson"}, + imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg", imageAlt: "Alex Patterson" + }, ]} className="py-20" containerClassName="py-20" - titleClassName="text-4xl md:text-5xl font-bold text-indigo-600" - descriptionClassName="text-lg text-gray-700 mt-4 max-w-2xl" + textBoxTitleClassName="text-4xl md:text-5xl font-bold text-indigo-600" + textBoxDescriptionClassName="text-lg text-gray-700 mt-4 max-w-2xl" /> @@ -196,7 +210,8 @@ export default function LandingPage() { }, { id: "2", value: "5+", title: "Auto-Generated Pages", items: [ - "Home page", "About section", "Skills showcase", "Project portfolio", "Contact form"], + "Home page", "About section", "Skills showcase", "Project portfolio", "Contact form" + ], }, { id: "3", value: "0ms", title: "Setup Time", items: ["One-click deploy", "Auto-refresh", "Zero config needed"], @@ -204,8 +219,8 @@ export default function LandingPage() { ]} className="py-20" containerClassName="py-20" - titleClassName="text-4xl md:text-5xl font-bold text-indigo-600" - descriptionClassName="text-lg text-gray-700 mt-4 max-w-2xl" + textBoxTitleClassName="text-4xl md:text-5xl font-bold text-indigo-600" + textBoxDescriptionClassName="text-lg text-gray-700 mt-4 max-w-2xl" /> @@ -215,7 +230,7 @@ export default function LandingPage() { title="Stay Updated" description="Get the latest updates on new features, best practices, and portfolio optimization tips delivered to your inbox." tagAnimation="slide-up" - background={{ variant: "circleGradient" }} + background={{ variant: "radial-gradient" }} useInvertedBackground={false} imageSrc="http://img.b2bpic.net/free-photo/e-mail-global-communications-connection-social-networking-concept_53876-134026.jpg" imageAlt="Newsletter Signup"