bender/5269e429-ec9b-4b3d-ba27-61981e7f45a5
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-10 09:40:02 +00:00
parent b730b9ae69
commit 32e7a8c681
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/app/page.tsx
View File

@@ -18,30 +18,30 @@ 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} />
</div>
<div id="home" data-section="home">
<HeroSplitKpi title="Elite Business" description="Premium excellence for your future." background={{ variant: "gradient-bars" }} kpis={[{value: "100%", label: "Success"}, {value: "24/7", label: "Support"}, {value: "500+", label: "Clients"}]} mediaAnimation="slide-up" />
<HeroSplitKpi title="Elite Business" description="Premium excellence for your future." background={{ variant: "gradient-bars" }} kpis={[{value: "100%", label: "Success"}, {value: "24/7", label: "Support"}, {value: "500+", label: "Clients"}]} enableKpiAnimation={true} mediaAnimation="slide-up" />
</div>
<div id="about" data-section="about">
<TextSplitAbout title="About Us" description={["Delivering unmatched quality."]} />
<TextSplitAbout title="About Us" description={["Delivering unmatched quality."]} useInvertedBackground={false} />
</div>
<div id="features" data-section="features">
<FeatureCardMedia title="Key Features" description="What makes us different." animationType="blur-reveal" features={[{id: "1", title: "Quality", description: "High standards.", tag: "Top"}]} />
<FeatureCardMedia title="Key Features" description="What makes us different." animationType="blur-reveal" textboxLayout="default" useInvertedBackground={false} features={[{id: "1", title: "Quality", description: "High standards.", tag: "Top"}]} />
</div>
<div id="metrics" data-section="metrics">
<MetricCardFourteen title="Our Impact" tag="Growth" metrics={[{id: "1", value: "10x", description: "Efficiency"}]} metricsAnimation="slide-up" />
<MetricCardFourteen title="Our Impact" tag="Growth" metrics={[{id: "1", value: "10x", description: "Efficiency"}]} metricsAnimation="slide-up" useInvertedBackground={false} />
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen title="Testimonials" description="What clients say." showRating={true} animationType="blur-reveal" textboxLayout="default" testimonials={[{id: "1", name: "John Doe", handle: "@john", testimonial: "Amazing!", rating: 5}]} />
<TestimonialCardThirteen title="Testimonials" description="What clients say." showRating={true} animationType="blur-reveal" textboxLayout="default" useInvertedBackground={false} testimonials={[{id: "1", name: "John Doe", handle: "@john", testimonial: "Amazing!", rating: 5}]} />
</div>
<div id="portfolio" data-section="portfolio">
<ProductCardTwo title="Our Work" description="Premium projects." gridVariant="uniform-all-items-equal" animationType="blur-reveal" textboxLayout="default" products={[{id: "1", brand: "A", name: "Project X", price: "$100", rating: 5, reviewCount: "10", imageSrc: "/placeholder.svg"}, {id: "2", brand: "B", name: "Project Y", price: "$200", rating: 4, reviewCount: "20", imageSrc: "/placeholder.svg"}, {id: "3", brand: "C", name: "Project Z", price: "$300", rating: 5, reviewCount: "30", imageSrc: "/placeholder.svg"}]} />
<ProductCardTwo title="Our Work" description="Premium projects." gridVariant="uniform-all-items-equal" animationType="blur-reveal" textboxLayout="default" useInvertedBackground={false} products={[{id: "1", brand: "A", name: "Project X", price: "$100", rating: 5, reviewCount: "10", imageSrc: "/placeholder.svg"}, {id: "2", brand: "B", name: "Project Y", price: "$200", rating: 4, reviewCount: "20", imageSrc: "/placeholder.svg"}, {id: "3", brand: "C", name: "Project Z", price: "$300", rating: 5, reviewCount: "30", imageSrc: "/placeholder.svg"}]} />
</div>
<div id="contact" data-section="contact">
<ContactCTA tag="Get in touch" title="Start now" description="Contact our team today." buttons={[{text: "Email us", href: "mailto:hello@example.com"}]} />
<ContactCTA tag="Get in touch" title="Start now" description="Contact our team today." buttons={[{text: "Email us", href: "mailto:hello@example.com"}]} background={{ variant: "plain" }} useInvertedBackground={false} />
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis logoText="Elite Business" columns={[{items: [{label: "About", href: "/about"}]}]} />