Update src/app/faq/page.tsx

This commit is contained in:
2026-03-09 09:47:56 +00:00
parent c29e2dd5cd
commit 74968e55b2

View File

@@ -1,117 +1,40 @@
"use client";
'use client';
import { ThemeProvider } from "@/components/theme/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { HelpCircle } from "lucide-react";
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
export default function FAQ() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "FAQ", id: "/faq" },
{ name: "Contact", id: "/contact" },
];
const faqs = [
{
id: "1", title: "What is CarLed?", content:
"CarLed is a global community platform for automotive enthusiasts, engineers, and designers. We connect petrolheads from around the world to collaborate on projects, share knowledge, and celebrate automotive innovation."},
{
id: "2", title: "How do I join the CarLed community?", content:
"Joining is easy! Simply sign up on our website with your email address. You'll instantly get access to our community forums, Discord server, project collaboration tools, and exclusive member resources."},
{
id: "3", title: "Is membership free?", content:
"Yes! Basic membership is completely free. We offer premium memberships with additional features like advanced project tools and exclusive content, but our core community features are always free."},
{
id: "4", title: "How can I collaborate on projects?", content:
"Our platform provides dedicated collaboration spaces where you can create projects, invite team members, share files, and communicate in real-time. Browse our Project Board to find existing projects or start your own."},
{
id: "5", title: "What kind of projects can I work on?", content:
"The possibilities are endless! From engine tuning and custom builds to design innovations and software development. Our community supports automotive projects of all types and skill levels."},
{
id: "6", title: "How do I get mentorship?", content:
"Connect with experienced engineers and designers in our community. Post your questions, join mentorship programs, and participate in skill-sharing sessions. We have dedicated channels for peer learning and expert guidance."},
{
id: "7", title: "Can I share my own projects?", content:
"Absolutely! We encourage community members to showcase their work. Share project updates, get feedback, find collaborators, and inspire others with your creations. Use our Project Gallery to showcase your builds."},
{
id: "8", title: "What resources are available?", content:
"We provide technical documentation, tutorial videos, CAD resources, performance calculators, and more. Our knowledge base is constantly growing with contributions from community experts."},
{
id: "9", title: "How does the community handle disputes?", content:
"We have a dedicated moderation team and community guidelines to ensure a respectful environment. Disputes are handled through a fair conflict resolution process. Our Community Standards document outlines expectations."},
{
id: "10", title: "Can I connect my social media?", content:
"Yes! You can link your social media profiles to your CarLed account to build your professional network. You can also share your CarLed achievements directly to your social media."},
{
id: "11", title: "How often do you host events?", content:
"We host monthly community meetups, quarterly virtual conferences, and yearly global summits. Regional chapters organize additional local events. Check our Events Calendar to stay updated."},
{
id: "12", title: "What's your data privacy policy?", content:
"We take privacy seriously. Your data is encrypted and protected according to industry standards. Read our full Privacy Policy for detailed information about how we collect, use, and protect your information."},
];
const navItems = [
{ name: 'Home', id: '/' },
{ name: 'Features', id: '/#features' },
{ name: 'Dashboard', id: '/dashboard' },
{ name: 'Sign In', id: '/login' },
];
export default function FAQPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="large"
background="aurora"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="bold"
>
<NavbarStyleApple navItems={navItems} brandName="CarLed" />
<div id="faq" data-section="faq" className="pt-32">
<FaqDouble
faqs={faqs}
title="Frequently Asked Questions"
description="Find answers to common questions about CarLed, our community, and how to get the most out of your membership."
tag="Help & Support"
tagIcon={HelpCircle}
textboxLayout="default"
useInvertedBackground={false}
faqsAnimation="slide-up"
animationType="smooth"
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={navItems}
brandName="Webild"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="https://images.unsplash.com/photo-1489824904134-891ab64532f1?w=1920&h=400&fit=crop"
imageAlt="CarLed footer"
columns={[
{
title: "Product", items: [
{ label: "Features", href: "/" },
{ label: "Community", href: "/about" },
{ label: "Pricing", href: "/contact" },
],
},
{
title: "Company", items: [
{ label: "About", href: "/about" },
{ label: "Blog", href: "#" },
{ label: "Careers", href: "#" },
],
},
{
title: "Resources", items: [
{ label: "FAQ", href: "/faq" },
{ label: "Contact", href: "/contact" },
{ label: "Terms", href: "/terms" },
],
},
]}
logoText="CarLed"
copyrightText="© 2025 CarLed. All rights reserved."
/>
<div className="min-h-screen bg-gradient-to-br from-background to-card pt-24">
<div className="max-w-4xl mx-auto px-4 py-12">
<h1 className="text-4xl font-bold text-foreground mb-4">Frequently Asked Questions</h1>
<p className="text-foreground/60 text-lg">Find answers to common questions.</p>
</div>
</div>
</ThemeProvider>
);