bender/678f9464-7e95-4786-97c7-b06beef254dc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #11

Merged
bender merged 1 commits from version_1 into main 2026-03-31 19:03:42 +00:00
Conversation 0 Commits 1 Files Changed 1 +31 -34
1 changed files with 31 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
src/app/page.tsx
View File

@@ -1,4 +1,4 @@
"use client";
'use client';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
@@ -7,11 +7,11 @@ import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import Link from 'next/link';
import { Sparkles } from 'lucide-react';
const navItems = [{ name: "Home", id: "/" }];
export default function Page() {
export default function HomePage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
@@ -26,57 +26,54 @@ export default function Page() {
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarStyleApple navItems={navItems} />
<NavbarStyleApple navItems={navItems} brandName="Webild" />
</div>
<div id="hero" data-section="hero">
<HeroOverlay title="Welcome to Webild" description="Innovative digital solutions for your business." />
</div>
<div id="about" data-section="about">
<TextAbout title="About Us" useInvertedBackground={false} />
<TextAbout title="About Us" tag="Who We Are" />
</div>
<div id="menu" data-section="menu">
<ProductCardOne
title="Our Products"
description="High-quality digital products designed for growth."
gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
products={[
{ id: "1", name: "Product A", price: "$99", imageSrc: "/placeholder.jpg" },
{ id: "2", name: "Product B", price: "$199", imageSrc: "/placeholder.jpg" },
{ id: "3", name: "Product C", price: "$299", imageSrc: "/placeholder.jpg" }
]}
title="Our Services"
description="High quality solutions tailored to your needs"
gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="default"
products={[
{ id: "1", name: "Strategy", price: "$99", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978" },
{ id: "2", name: "Design", price: "$149", imageSrc: "https://images.unsplash.com/photo-1561070791-2526d30994b5" },
{ id: "3", name: "Development", price: "$199", imageSrc: "https://images.unsplash.com/photo-1555949963-aa79dcee981c" }
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
cardTitle="Testimonials"
cardTag="Our Clients"
cardAnimation="slide-up"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Client A", imageSrc: "/placeholder.jpg" },
{ id: "2", name: "Client B", imageSrc: "/placeholder.jpg" }
]}
cardTitle="Client Feedback"
cardTag="Testimonials"
cardAnimation="slide-up"
testimonials={[
{ id: "t1", name: "John Doe", imageSrc: "https://i.pravatar.cc/100" },
{ id: "t2", name: "Jane Smith", imageSrc: "https://i.pravatar.cc/101" }
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
title="Frequently Asked Questions"
description="Everything you need to know."
faqsAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "1", title: "Question 1", content: "Answer 1" },
{ id: "2", title: "Question 2", content: "Answer 2" }
]}
title="Frequently Asked Questions"
description="Get answers to common questions"
faqsAnimation="slide-up"
textboxLayout="default"
faqs={[
{ id: "q1", title: "How do I start?", content: "Contact us to get started." },
{ id: "q2", title: "What is the cost?", content: "Pricing is custom based on needs." }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
columns={[{ title: "Company", items: [{ label: "Home", href: "/" }] }]}
columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
/>
</div>
</ThemeProvider>