bender/826c511b-4a9b-4eb5-b6b7-574650dd076b
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #16.
This commit is contained in:
bender
2026-05-13 16:16:16 +00:00
parent 1df311288f f3a58814db
commit 2bcec9fbb6
1 changed files with 11 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/app/page.tsx
View File

@@ -1,6 +1,5 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
@@ -19,39 +18,39 @@ export default function HomePage() {
];
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} />
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery title="Welcome" description="Explore our latest offerings." background={{ variant: 'radial-gradient' }} mediaItems={[]} />
<HeroBillboardGallery title="Welcome" description="Explore our latest offerings." background={{ variant: 'radial-gradient' }} mediaItems={[{imageSrc: "/img1.jpg"}, {imageSrc: "/img2.jpg"}, {imageSrc: "/img3.jpg"}]} />
</div>
<div id="specials" data-section="specials">
<ProductCardTwo title="Specials" description="Check out our top products." gridVariant="uniform-all-items-equal" animationType="slide-up" textboxLayout="default" products={[]} />
<ProductCardTwo title="Specials" description="Check out our top products." gridVariant="uniform-all-items-equal" animationType="slide-up" textboxLayout="default" useInvertedBackground={false} products={[{id: "1", brand: "B1", name: "P1", price: "$10", rating: 5, reviewCount: "10", imageSrc: "/p1.jpg"}, {id: "2", brand: "B2", name: "P2", price: "$20", rating: 5, reviewCount: "20", imageSrc: "/p2.jpg"}, {id: "3", brand: "B3", name: "P3", price: "$30", rating: 5, reviewCount: "30", imageSrc: "/p3.jpg"}]} />
</div>
<div id="about" data-section="about">
<MediaAbout title="About Us" description="Dedicated to quality and innovation." />
<MediaAbout title="About Us" description="Dedicated to quality and innovation." useInvertedBackground={false} />
</div>
<div id="features" data-section="features">
<FeatureCardTwentyNine title="Our Features" description="What makes us stand out." gridVariant="bento-grid" animationType="slide-up" textboxLayout="default" features={[]} />
<FeatureCardTwentyNine title="Our Features" description="What makes us stand out." gridVariant="bento-grid" animationType="slide-up" textboxLayout="default" useInvertedBackground={false} features={[{title: "F1", description: "D1", imageSrc: "/f1.jpg", titleImageSrc: "/t1.png", buttonText: "Learn"}, {title: "F2", description: "D2", imageSrc: "/f2.jpg", titleImageSrc: "/t2.png", buttonText: "More"}]} />
</div>
<div id="menu" data-section="menu">
<PricingCardNine title="Plans" description="Choose what fits you." textboxLayout="default" animationType="slide-up" plans={[]} />
<PricingCardNine title="Plans" description="Choose what fits you." textboxLayout="default" animationType="slide-up" useInvertedBackground={false} plans={[{id: "1", title: "Basic", price: "$0", period: "mo", features: ["F1"], button: {text: "Start"}}, {id: "2", title: "Pro", price: "$10", period: "mo", features: ["F1", "F2"], button: {text: "Upgrade"}}]} />
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix title="Testimonials" description="What our clients say." textboxLayout="default" animationType="slide-up" testimonials={[]} />
<TestimonialCardSix title="Testimonials" description="What our clients say." textboxLayout="default" animationType="slide-up" useInvertedBackground={false} testimonials={[{id: "1", name: "A", handle: "@a", testimonial: "Good!"}, {id: "2", name: "B", handle: "@b", testimonial: "Great!"}]} />
</div>
<div id="order" data-section="order">
<ContactSplit tag="Contact" title="Get in Touch" description="We would love to hear from you." />
<ContactSplit tag="Contact" title="Get in Touch" description="We would love to hear from you." useInvertedBackground={false} />
</div>
<div id="gallery" data-section="gallery">
<FeatureCardTwentyNine title="Gallery" description="See our work." gridVariant="bento-grid" animationType="slide-up" textboxLayout="default" features={[]} />
<FeatureCardTwentyNine title="Gallery" description="See our work." gridVariant="bento-grid" animationType="slide-up" textboxLayout="default" useInvertedBackground={false} features={[{title: "G1", description: "D1", imageSrc: "/g1.jpg", titleImageSrc: "/t1.png", buttonText: "View"}, {title: "G2", description: "D2", imageSrc: "/g2.jpg", titleImageSrc: "/t2.png", buttonText: "View"}]} />
</div>
<div id="contact" data-section="contact">
<ContactSplit tag="Support" title="Need help?" description="Our team is here for you." />
<ContactSplit tag="Support" title="Need help?" description="Our team is here for you." useInvertedBackground={false} />
</div>
<div id="footer" data-section="footer">
<FooterBaseCard logoText="Webild" columns={[]} />
<FooterBaseCard logoText="Webild" columns={[{title: "Links", items: [{label: "Home", href: "/"}]}]} />
</div>
</ThemeProvider>
);