Update src/app/page.tsx
This commit is contained in:
@@ -1,5 +1,4 @@
|
||||
'use client';
|
||||
|
||||
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
@@ -10,96 +9,33 @@ import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
|
||||
const navItems = [{ name: 'Home', id: '/' }];
|
||||
|
||||
export default function Page() {
|
||||
const navItems = [{ name: 'Home', id: '/' }, { name: 'Contact', id: '/contact' }];
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<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">
|
||||
<NavbarStyleApple navItems={navItems} />
|
||||
<NavbarStyleApple navItems={navItems} brandName="Webild" />
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Bespoke Elegance in Port Harcourt"
|
||||
description="Port Harcourt's premier fashion house for custom tailoring, fabric sales, and professional fashion education."
|
||||
/>
|
||||
<HeroOverlay title="Innovate Your Digital Presence" description="Modern, scalable solutions for the digital age." />
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyNine
|
||||
title="Our Services"
|
||||
description="Comprehensive fashion solutions for every individual."
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Custom Tailoring", description: "Perfect fits for every occasion.", imageSrc: "/placeholder.jpg", titleIconSrc: "/icon.png", buttonText: "Learn More" },
|
||||
{ title: "Fabric Sales", description: "High-quality textiles sourced globally.", imageSrc: "/placeholder.jpg", titleIconSrc: "/icon.png", buttonText: "Learn More" }
|
||||
]}
|
||||
/>
|
||||
<FeatureCardTwentyNine gridVariant="bento-grid" animationType="slide-up" title="Our Features" description="Powerful tools to accelerate your workflow." textboxLayout="default" features={[{ title: "Performance", description: "Lightning fast load times.", imageSrc: "asset://performance", titleIconSrc: "asset://icon", buttonText: "Learn More" }, { title: "Security", description: "Enterprise-grade protection.", imageSrc: "asset://security", titleIconSrc: "asset://icon", buttonText: "Learn More" }]} />
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
title="Client Stories"
|
||||
description="What our valued clients say about us."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Jane Doe", date: "2025-01-01", title: "Elegant Design", quote: "Amazing work!", tag: "VIP", avatarSrc: "/avatar.jpg" },
|
||||
{ id: "2", name: "John Smith", date: "2025-01-02", title: "Quality Service", quote: "Professional experience.", tag: "Client", avatarSrc: "/avatar.jpg" }
|
||||
]}
|
||||
/>
|
||||
<TestimonialCardFive title="Trusted by Many" description="Hear what our clients say about us." textboxLayout="default" testimonials={[{ id: "1", name: "Alex P.", date: "2024-01-01", title: "Excellent", quote: "Game changing experience!", tag: "User", avatarSrc: "asset://avatar1" }, { id: "2", name: "Sarah M.", date: "2024-01-02", title: "Amazing", quote: "Professional team and quality work.", tag: "Client", avatarSrc: "asset://avatar2" }]} />
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<BlogCardOne
|
||||
title="Our Work"
|
||||
description="Explore our latest creations."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
blogs={[
|
||||
{ id: "1", category: "Couture", title: "Autumn Collection", excerpt: "New styles.", imageSrc: "/blog.jpg", authorName: "Funmich", authorAvatar: "/avatar.jpg", date: "2025-01-01" },
|
||||
{ id: "2", category: "School", title: "Fashion Academy", excerpt: "Join our course.", imageSrc: "/blog.jpg", authorName: "Funmich", authorAvatar: "/avatar.jpg", date: "2025-01-02" }
|
||||
]}
|
||||
/>
|
||||
<BlogCardOne animationType="slide-up" title="Latest Insights" description="Stay updated with our blog." textboxLayout="default" blogs={[{ id: "1", category: "Update", title: "New Features Released", excerpt: "Explore what is new.", imageSrc: "asset://blog1", authorName: "Admin", authorAvatar: "asset://avatar1", date: "2024-01-01" }, { id: "2", category: "Tutorial", title: "Getting Started", excerpt: "A guide for beginners.", imageSrc: "asset://blog2", authorName: "Admin", authorAvatar: "asset://avatar2", date: "2024-01-02" }]} />
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common queries."
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "1", title: "How to book?", content: "Visit our studio." },
|
||||
{ id: "2", title: "Do you sell fabric?", content: "Yes, we do." }
|
||||
]}
|
||||
/>
|
||||
<FaqBase title="Frequently Asked Questions" description="Get the answers you need." faqsAnimation="slide-up" textboxLayout="default" faqs={[{ id: "1", title: "How does it work?", content: "Simply integrate and scale." }, { id: "2", title: "Is it secure?", content: "Yes, we use top-tier encryption." }]} />
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Ready to get started? Contact us today!"
|
||||
background={{ variant: 'plain' }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<ContactText text="Get in touch with our team today." background={{ variant: "gradient-bars" }} />
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="/footer-bg.jpg"
|
||||
logoText="Funmich Couture"
|
||||
columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
|
||||
/>
|
||||
<FooterMedia logoText="Webild" columns={[{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }]} imageSrc="asset://footer" />
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user