Update src/app/page.tsx
This commit is contained in:
@@ -1,94 +1,46 @@
|
|||||||
"use client";
|
"use client";
|
||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "next-themes";
|
||||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||||
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||||
import FaqBase from "@/components/sections/faq/FaqBase";
|
import { Sparkles } from 'lucide-react';
|
||||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
|
||||||
import { Sparkles, HelpCircle } from "lucide-react"; // Importing icons for sections
|
|
||||||
|
|
||||||
export default function Home() {
|
export default function Home() {
|
||||||
const navItems = [
|
const navItems = [
|
||||||
{ name: "Home", id: "/" },
|
{ name: "Home", href: "/" },
|
||||||
{ name: "Features", id: "#features" },
|
{ name: "Tenders & Procurement", href: "/tenders-procurement" }
|
||||||
{ name: "FAQ", id: "#faq" },
|
|
||||||
{ name: "Contact", id: "/contact" }
|
|
||||||
];
|
|
||||||
|
|
||||||
const heroMediaItems = [
|
|
||||||
{ imageSrc: "https://r2.radikal.ru/pics/2024.03.11/f90462002f232f38d35f8e561491e523.jpg", imageAlt: "Placeholder image 1" },
|
|
||||||
{ imageSrc: "https://r2.radikal.ru/pics/2024.03.11/f90462002f232f38d35f8e561491e523.jpg", imageAlt: "Placeholder image 2" },
|
|
||||||
{ imageSrc: "https://r2.radikal.ru/pics/2024.03.11/f90462002f232f38d35f8e561491e523.jpg", imageAlt: "Placeholder image 3" }
|
|
||||||
];
|
|
||||||
|
|
||||||
const faqItems = [
|
|
||||||
{ id: "1", title: "What is Webild?", content: "Webild is a platform for building modern web applications." },
|
|
||||||
{ id: "2", title: "How do I get started?", content: "You can get started by signing up for a free account." },
|
|
||||||
{ id: "3", title: "Is there a free plan?", content: "Yes, we offer a generous free plan for individual users." }
|
|
||||||
];
|
|
||||||
|
|
||||||
const footerColumns = [
|
|
||||||
{
|
|
||||||
title: "Company", items: [
|
|
||||||
{ label: "Home", href: "/" },
|
|
||||||
{ label: "Contact", href: "/contact" }
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Legal", items: [
|
|
||||||
{ label: "Privacy Policy", href: "#privacy" },
|
|
||||||
{ label: "Terms of Service", href: "#terms" }
|
|
||||||
]
|
|
||||||
}
|
|
||||||
];
|
];
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
|
attribute="class"
|
||||||
defaultButtonVariant="hover-magnetic"
|
defaultButtonVariant="hover-magnetic"
|
||||||
defaultTextAnimation="entrance-slide"
|
defaultTextAnimation="entrance-slide"
|
||||||
borderRadius="rounded"
|
borderRadius="rounded"
|
||||||
contentWidth="medium"
|
contentWidth="medium"
|
||||||
sizing="medium"
|
sizing="medium"
|
||||||
background="none"
|
background="noise"
|
||||||
cardStyle="solid"
|
cardStyle="soft-shadow"
|
||||||
primaryButtonStyle="gradient"
|
primaryButtonStyle="gradient"
|
||||||
secondaryButtonStyle="glass"
|
secondaryButtonStyle="glass"
|
||||||
headingFontWeight="bold"
|
headingFontWeight="bold"
|
||||||
>
|
>
|
||||||
<NavbarStyleFullscreen
|
<NavbarStyleCentered
|
||||||
navItems={navItems}
|
navItems={navItems}
|
||||||
brandName="Webild"
|
brandName="Webild"
|
||||||
bottomLeftText="Global Community"
|
logoSrc="/placeholder-logo.svg"
|
||||||
bottomRightText="hello@example.com"
|
|
||||||
/>
|
/>
|
||||||
<div className="flex min-h-screen flex-col items-center justify-between">
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardGallery
|
<HeroBillboardScroll
|
||||||
title="Build Your Vision with Webild"
|
title="Welcome to Webild"
|
||||||
description="The ultimate platform for creating stunning web experiences with ease and power."
|
description="Your ultimate platform for discovering and managing tenders and procurement opportunities."
|
||||||
mediaItems={heroMediaItems}
|
tag="Innovation in Procurement"
|
||||||
background={{ variant: "sparkles-gradient" }}
|
|
||||||
mediaAnimation="slide-up"
|
|
||||||
tag="Innovation"
|
|
||||||
tagIcon={Sparkles}
|
tagIcon={Sparkles}
|
||||||
/>
|
background={{ variant: 'sparkles-gradient' }}
|
||||||
</div>
|
buttons={[{ text: "Explore Our Services", href: "/tenders-procurement" }]}
|
||||||
<div id="faq" data-section="faq">
|
imageSrc="https://images.unsplash.com/photo-1517245381830-dfc798059882?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTgzODJ8MHwxfHNlYXJjaHwzMHx8YnVzaW5lc3N8ZW58MHx8fHwxNzE1Nzc2NTUwfDA&ixlib=rb-4.0.3&q=80&w=1080"
|
||||||
<FaqBase
|
imageAlt="Modern office with team working"
|
||||||
title="Frequently Asked Questions"
|
|
||||||
description="Find answers to common questions about Webild's platform and services."
|
|
||||||
faqs={faqItems}
|
|
||||||
faqsAnimation="slide-up"
|
|
||||||
tag="Support"
|
|
||||||
tagIcon={HelpCircle}
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<FooterBase
|
|
||||||
columns={footerColumns}
|
|
||||||
logoText="Webild"
|
|
||||||
copyrightText="© 2025 Webild. All rights reserved."
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
|
|||||||
Reference in New Issue
Block a user