bender/826c511b-4a9b-4eb5-b6b7-574650dd076b
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-13 16:23:08 +00:00
parent 9939c5e774
commit d13546bf7b
1 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/app/page.tsx
View File

@@ -9,17 +9,13 @@ import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import Link from 'next/link';
export default function Page() {
const navItems = [{ name: "Home", id: "/" }];
return (
<ThemeProvider>
<ThemeProvider defaultButtonVariant="hover-magnetic" 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">
<NavbarLayoutFloatingOverlay
navItems={navItems}
logoText="Webild"
/>
<NavbarLayoutFloatingOverlay navItems={navItems} />
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
@@ -40,6 +36,7 @@ export default function Page() {
gridVariant="bento-grid"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
products={[
{ id: "1", brand: "Brand A", name: "Item 1", price: "$10", rating: 5, reviewCount: "10", imageSrc: "https://images.unsplash.com/photo-1523275335684-37898b6baf30" },
{ id: "2", brand: "Brand B", name: "Item 2", price: "$20", rating: 4, reviewCount: "20", imageSrc: "https://images.unsplash.com/photo-1505740420928-5e560c06d30e" },
@@ -52,6 +49,7 @@ export default function Page() {
title="About Us"
description="Innovating digital experiences."
imageSrc="https://images.unsplash.com/photo-1522071820081-009f0129c71c"
useInvertedBackground={false}
/>
</div>
<div id="features" data-section="features">
@@ -61,6 +59,7 @@ export default function Page() {
gridVariant="bento-grid"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ title: "Feature 1", description: "Desc 1", imageSrc: "https://images.unsplash.com/photo-1498050108023-c5249f4df085", titleImageSrc: "https://images.unsplash.com/photo-1498050108023-c5249f4df085", buttonText: "Learn" },
{ title: "Feature 2", description: "Desc 2", imageSrc: "https://images.unsplash.com/photo-1485827404703-89b55fcc595e", titleImageSrc: "https://images.unsplash.com/photo-1485827404703-89b55fcc595e", buttonText: "Explore" }
@@ -73,6 +72,7 @@ export default function Page() {
description="Affordable for everyone."
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
plans={[
{ id: "1", title: "Basic", price: "$0", period: "mo", features: ["Feature 1"], button: { text: "Sign Up" } },
{ id: "2", title: "Pro", price: "$29", period: "mo", features: ["Feature 1", "Feature 2"], button: { text: "Sign Up" } }
@@ -85,6 +85,7 @@ export default function Page() {
description="What people say."
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "John", handle: "@john", testimonial: "Great service!" },
{ id: "2", name: "Jane", handle: "@jane", testimonial: "Truly remarkable." }
@@ -97,6 +98,7 @@ export default function Page() {
title="Stay Updated"
description="Join our list."
background={{ variant: "gradient-bars" }}
useInvertedBackground={false}
/>
</div>
<div id="gallery" data-section="gallery">
@@ -106,6 +108,7 @@ export default function Page() {
gridVariant="bento-grid"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ title: "Gallery 1", description: "Visual 1", imageSrc: "https://images.unsplash.com/photo-1542314831-068cd1dbfeeb", titleImageSrc: "https://images.unsplash.com/photo-1542314831-068cd1dbfeeb", buttonText: "View" },
{ title: "Gallery 2", description: "Visual 2", imageSrc: "https://images.unsplash.com/photo-1501785888041-af3ef285b470", titleImageSrc: "https://images.unsplash.com/photo-1501785888041-af3ef285b470", buttonText: "View" }
@@ -118,6 +121,7 @@ export default function Page() {
title="Get in Touch"
description="We're here to help."
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">