Merge version_1 into main #7
@@ -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" }]} />
|
||||
|
||||
Reference in New Issue
Block a user