Update src/app/page.tsx

This commit is contained in:
2026-04-30 10:51:42 +00:00
parent cb53964998
commit 0b5977e77d

View File

@@ -11,21 +11,20 @@ import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Zap, Target, Star, CheckCircle } from 'lucide-react';
const navItems = [{ name: "Home", id: "/" }];
export default function HomePage() {
return (
<ThemeProvider>
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<div id="nav" data-section="nav">
<NavbarStyleFullscreen navItems={navItems} logoText="Webild" />
<NavbarStyleFullscreen navItems={navItems} />
</div>
<div id="hero" data-section="hero">
<HeroOverlay title="Welcome to Our Platform" description="Revolutionizing your workflow with ease." />
</div>
<div id="features" data-section="features">
<FeatureCardMedia title="Key Features" description="Explore what we offer." animationType="slide-up" features={[{ id: "1", title: "Speed", description: "Fast as lightning.", tag: "Fast" }, { id: "2", title: "Security", description: "Safety first.", tag: "Secure" }]} />
<FeatureCardMedia title="Key Features" description="Explore what we offer." animationType="slide-up" textboxLayout="default" useInvertedBackground={false} features={[{ id: "1", title: "Speed", description: "Fast as lightning.", tag: "Fast" }, { id: "2", title: "Security", description: "Safety first.", tag: "Secure" }]} />
</div>
<div id="services" data-section="services">
<ProductCardFour title="Our Services" description="We provide top-notch services." gridVariant="four-items-2x2-equal-grid" animationType="slide-up" textboxLayout="split" useInvertedBackground={false} products={[{ id: "1", name: "Basic", price: "$10", variant: "Standard", imageSrc: "https://images.unsplash.com/photo-1593642532744-d377abf07dc4" }, { id: "2", name: "Pro", price: "$20", variant: "Premium", imageSrc: "https://images.unsplash.com/photo-1593642532744-d377abf07dc4" }, { id: "3", name: "Enterprise", price: "$50", variant: "Custom", imageSrc: "https://images.unsplash.com/photo-1593642532744-d377abf07dc4" }]} />