[V0_FILE]typescriptreact:file="components/navigation.tsx" isEdit="true" isMerged="true" "use client" import { Button } from "@/components/ui/button" export default function Navigation() { return ( ) } [V0_FILE]json:file="package.json" isMerged="true" { "name": "venoxity-app", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "next lint" }, "dependencies": { "react": "^18", "react-dom": "^18", "next": "15.1.0", "@paper-design/shaders-react": "^0.0.46", "framer-motion": "^11.0.0", "@vercel/analytics": "1.5.0", "class-variance-authority": "0.7.1", "clsx": "2.1.1", "lucide-react": "0.553.0", "tailwind-merge": "3.4.0", "tailwindcss-animate": "1.0.7" }, "devDependencies": { "typescript": "^5", "@types/node": "^20", "@types/react": "^18", "@types/react-dom": "^18", "postcss": "^8", "tailwindcss": "^4.1.9", "eslint": "^8", "eslint-config-next": "15.1.0" } } [V0_FILE]typescriptreact:file="components/footer.tsx" isEdit="true" isMerged="true" "use client" export default function Footer() { return ( ) } [V0_FILE]typescriptreact:file="components/key-features.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { motion } from "framer-motion" export default function KeyFeatures() { const features = [ { icon: ( ), title: "Precision & Stability", description: "Our products are built with technical excellence, ensuring seamless integration and reliable performance.", }, { icon: ( ), title: "Innovative Solutions", description: "We push the boundaries of innovation, introducing unique features and exceptional experiences.", }, { icon: ( ), title: "Custom Solutions", description: "Leveraging cutting-edge technology, we create tailored solutions that exceed expectations.", }, ] return (

{/* Section Header */}

What Sets Us{" "} Apart

Discover the innovation and craftsmanship behind every solution we create {/* Features Grid */}

{features.map((feature, index) => (

{/* Subtle glow effect */}

{/* Icon */}

{feature.icon}

{/* Icon glow */}

{/* Content */}

{feature.title}

{feature.description}

))}

) } [V0_FILE]typescriptreact:file="components/community-section.tsx" isEdit="true" isMerged="true" "use client" import { Button } from "@/components/ui/button" import { motion } from "framer-motion" export default function CommunitySection() { return (

{/* Left side - Content */}

Join Our Community

Connect with other members, get support, and stay updated on our latest releases by joining our community.

{/* Benefits List - Horizontal on larger screens */}

{[ { icon: "🚀", text: "Get early access to new features and updates" }, { icon: "💬", text: "Direct support from our team" }, { icon: "💡", text: "Share your ideas and feedback" }, ].map((benefit, index) => ( {benefit.icon} {benefit.text} ))}

{/* Right side - CTA Button */}

) } [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isMerged="true" import ShaderBackground from "@/components/shader-background" import Navigation from "@/components/navigation" import HeroSection from "@/components/hero-section" import AboutSection from "@/components/about-section" import KeyFeatures from "@/components/key-features" import FeaturedProducts from "@/components/featured-products" import CommunitySection from "@/components/community-section" import Footer from "@/components/footer" import PulsingCircle from "@/components/pulsing-circle" export default function Home() { return (

What Sets Us{" "} Apart

{feature.title}

Join Our Community

About Our Company

{value.title}

{product.title}

Your Brand

Beautiful Product
Experiences

About

Tags

Share

About

Tags

Share

More Templates Like This

About

Tags

Share

About

Tags

Share

More Templates Like This