Update src/app/page.tsx

This commit is contained in:
2026-04-30 10:01:49 +00:00
parent 48b0a48910
commit 7c5c850ff5

View File

@@ -11,36 +11,35 @@ 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 { Shield, Zap, Target } from 'lucide-react';
const navItems = [{ name: "Home", id: "/" }];
export default function Page() {
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="Logo" />
<NavbarStyleFullscreen navItems={navItems} />
</div>
<div id="hero" data-section="hero">
<HeroOverlay title="Welcome" description="Description" />
</div>
<div id="features" data-section="features">
<FeatureCardMedia title="Features" description="Features desc" animationType="slide-up" textboxLayout="default" useInvertedBackground={false} features={[]} />
<FeatureCardMedia title="Features" description="Features desc" animationType="slide-up" textboxLayout="default" useInvertedBackground={false} features={[{ id: "f1", title: "Feature 1", description: "Desc 1", tag: "Tag 1" }, { id: "f2", title: "Feature 2", description: "Desc 2", tag: "Tag 2" }]} />
</div>
<div id="services" data-section="services">
<ProductCardFour title="Services" description="Services desc" gridVariant="bento-grid" animationType="slide-up" textboxLayout="default" useInvertedBackground={false} products={[]} />
<ProductCardFour title="Services" description="Services desc" gridVariant="bento-grid" animationType="slide-up" textboxLayout="default" useInvertedBackground={false} products={[{ id: "p1", name: "Prod 1", price: "$10", variant: "V1", imageSrc: "img1" }, { id: "p2", name: "Prod 2", price: "$20", variant: "V2", imageSrc: "img2" }, { id: "p3", name: "Prod 3", price: "$30", variant: "V3", imageSrc: "img3" }]} />
</div>
<div id="projects" data-section="projects">
<MediaAbout title="Projects" description="Projects desc" useInvertedBackground={false} />
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve cardTitle="Testimonials" cardTag="Tag" cardAnimation="slide-up" useInvertedBackground={false} testimonials={[]} />
<TestimonialCardTwelve cardTitle="Testimonials" cardTag="Tag" cardAnimation="slide-up" useInvertedBackground={false} testimonials={[{ id: "t1", name: "Name 1", imageSrc: "img1" }, { id: "t2", name: "Name 2", imageSrc: "img2" }]} />
</div>
<div id="savings" data-section="savings">
<MetricCardSeven title="Savings" description="Savings desc" animationType="slide-up" textboxLayout="default" useInvertedBackground={false} metrics={[]} />
<MetricCardSeven title="Savings" description="Savings desc" animationType="slide-up" textboxLayout="default" useInvertedBackground={false} metrics={[{ id: "m1", value: "10%", title: "Metric 1", items: ["Item 1"] }, { id: "m2", value: "20%", title: "Metric 2", items: ["Item 2"] }]} />
</div>
<div id="faq" data-section="faq">
<FaqBase title="FAQ" description="FAQ desc" faqsAnimation="slide-up" textboxLayout="default" useInvertedBackground={false} faqs={[]} />
<FaqBase title="FAQ" description="FAQ desc" faqsAnimation="slide-up" textboxLayout="default" useInvertedBackground={false} faqs={[{ id: "q1", title: "Q1", content: "A1" }, { id: "q2", title: "Q2", content: "A2" }]} />
</div>
<div id="contact" data-section="contact">
<ContactCenter tag="Contact" title="Get in touch" description="Contact us" useInvertedBackground={false} background={{ variant: "plain" }} />