256 lines
16 KiB
TypeScript
256 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import { Award, CheckCircle, CreditCard, Globe, HelpCircle, Heart, Mail, Shield, Sparkles, Target, TrendingUp, Twitter, Zap, Linkedin, Crown } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="FrenchProof"
|
|
navItems={[
|
|
{ name: "Services", id: "features" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "FAQ", id: "faq" }
|
|
]}
|
|
button={{
|
|
text: "Get Started", href: "#contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
title="Premium French Language Proofing"
|
|
description="Ensure your French content is flawless with our expert digital proofreading services. From technical documents to marketing materials, we perfect every word."
|
|
tag="Professional Language Services"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="blur-reveal"
|
|
background={{ variant: "plain" }}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AROn4R1E9JJCpFJDxO1ohe352u/a-sophisticated-digital-proofreading-das-1772552141916-680fab5d.png"
|
|
imageAlt="French proofreading dashboard interface"
|
|
buttons={[
|
|
{ text: "Start Free Trial", href: "#contact" },
|
|
{ text: "View Pricing", href: "#pricing" }
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
ariaLabel="Hero section for French proof digital services"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureHoverPattern
|
|
title="Why Choose FrenchProof"
|
|
description="Experience professional language proofreading with cutting-edge technology and expert human review combined."
|
|
tag="Our Services"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
icon: CheckCircle,
|
|
title: "Expert Review", description: "Native French speakers with specialized expertise in technical, legal, and marketing content review every word."
|
|
},
|
|
{
|
|
icon: Zap,
|
|
title: "Lightning Fast", description: "Receive professional proofreading in 24 hours or less without sacrificing quality or attention to detail."
|
|
},
|
|
{
|
|
icon: Shield,
|
|
title: "Confidential Processing", description: "Your documents are encrypted and handled with the highest security standards to protect your intellectual property."
|
|
},
|
|
{
|
|
icon: Globe,
|
|
title: "Multi-Document Support", description: "From PDFs to Word documents, handle all your French content formats with seamless compatibility."
|
|
},
|
|
{
|
|
icon: Target,
|
|
title: "Precision Corrections", description: "Advanced algorithms combined with human expertise catch nuances that automated tools miss entirely."
|
|
},
|
|
{
|
|
icon: TrendingUp,
|
|
title: "Quality Reports", description: "Detailed feedback and improvement suggestions help elevate your French language capabilities over time."
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Features section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="Precision Meets Expertise"
|
|
description="With over a decade of professional French language editing experience, our team understands the nuances of modern French across industries. We combine cutting-edge technology with human expertise to deliver flawless content every single time."
|
|
tag="About FrenchProof"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AROn4R1E9JJCpFJDxO1ohe352u/a-professional-team-of-french-language-e-1772552141833-b94dcd40.png"
|
|
imageAlt="Professional French language experts team"
|
|
buttons={[
|
|
{ text: "Learn More", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
ariaLabel="About section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardFive
|
|
title="Transparent, Flexible Pricing"
|
|
description="Choose the plan that fits your French proofreading needs. All plans include unlimited revisions and expert support."
|
|
tag="Plans"
|
|
tagIcon={CreditCard}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "starter", tag: "Starter Plan", tagIcon: Zap,
|
|
price: "$29", period: "/month", description: "Perfect for individuals and small projects who need reliable French proofreading.", button: { text: "Get Started", href: "#contact" },
|
|
featuresTitle: "What's Included:", features: [
|
|
"Up to 5,000 words per month", "24-hour turnaround time", "Basic grammar and spelling corrections", "Email support", "Monthly usage reports"
|
|
]
|
|
},
|
|
{
|
|
id: "professional", tag: "Professional Plan", tagIcon: Award,
|
|
price: "$79", period: "/month", description: "Ideal for businesses and professionals managing regular French content.", button: { text: "Start Professional", href: "#contact" },
|
|
featuresTitle: "What's Included:", features: [
|
|
"Up to 25,000 words per month", "12-hour turnaround time", "Advanced grammar and style corrections", "Industry-specific terminology review", "Priority email and phone support", "Quarterly performance analysis"
|
|
]
|
|
},
|
|
{
|
|
id: "enterprise", tag: "Enterprise Plan", tagIcon: Crown,
|
|
price: "$199", period: "/month", description: "Unlimited power for large-scale French content operations and teams.", button: { text: "Contact Sales", href: "#contact" },
|
|
featuresTitle: "What's Included:", features: [
|
|
"Unlimited word processing", "4-hour priority turnaround", "Custom terminology dictionaries", "Multi-user team accounts", "Dedicated account manager", "Advanced API integration", "Dedicated phone support available 24/7"
|
|
]
|
|
}
|
|
]}
|
|
ariaLabel="Pricing section"
|
|
cardClassName="[&:nth-child(2)]:ring-2 [&:nth-child(2)]:ring-primary-cta [&:nth-child(2)]:shadow-lg [&:nth-child(2)]:shadow-primary-cta/20 [&:nth-child(2)]:scale-105"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
title="Loved by Professionals"
|
|
description="See why thousands of businesses and individuals trust FrenchProof for their French language needs."
|
|
tag="Client Testimonials"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Marie Dubois", role: "Marketing Director", testimonial: "FrenchProof transformed our content strategy. The attention to detail and quick turnaround have been invaluable for our international campaigns. Their expertise in French nuances is simply outstanding.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AROn4R1E9JJCpFJDxO1ohe352u/professional-headshot-of-a-successful-bu-1772552140243-eb05718b.png", imageAlt: "Portrait of Marie Dubois"
|
|
},
|
|
{
|
|
id: "2", name: "Jean-Pierre Laurent", role: "Publishing Executive", testimonial: "As a publishing house, accuracy is everything. FrenchProof's combination of technology and human expertise ensures every publication meets our highest standards. Highly recommended for any serious French content operation.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AROn4R1E9JJCpFJDxO1ohe352u/professional-headshot-of-a-creative-prof-1772552141615-0c968ef2.png", imageAlt: "Portrait of Jean-Pierre Laurent"
|
|
},
|
|
{
|
|
id: "3", name: "Sophie Mercier", role: "Technical Writer", testimonial: "I've worked with many proofreading services, but FrenchProof is exceptional. They understand technical documentation and deliver corrections that enhance readability without changing meaning. Simply excellent.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AROn4R1E9JJCpFJDxO1ohe352u/professional-headshot-of-a-publishing-or-1772552141661-1e4741f4.png", imageAlt: "Portrait of Sophie Mercier"
|
|
},
|
|
{
|
|
id: "4", name: "Marc Fontaine", role: "Corporate Communications Manager", testimonial: "Our team relies on FrenchProof for all corporate communications. The detailed feedback and improvement suggestions have helped elevate our internal and external French language usage significantly.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AROn4R1E9JJCpFJDxO1ohe352u/professional-headshot-of-a-corporate-com-1772552143789-a3768796.png", imageAlt: "Portrait of Marc Fontaine"
|
|
}
|
|
]}
|
|
ariaLabel="Testimonials section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about our French proofreading services, pricing, and process."
|
|
tag="Help & Support"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="smooth"
|
|
useInvertedBackground={false}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AROn4R1E9JJCpFJDxO1ohe352u/a-customer-support-representative-provid-1772552141787-c7f86e7c.png"
|
|
imageAlt="Customer support professional assisting with French language"
|
|
mediaPosition="left"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How does FrenchProof ensure quality?", content: "Our process combines advanced AI technology with expert human review from native French speakers. Every document passes through multiple checkpoints: automated analysis for grammar and spelling, specialized reviewer assessment, and final quality verification. This multi-layered approach ensures accuracy and maintains the nuances of your content."
|
|
},
|
|
{
|
|
id: "2", title: "What file formats do you accept?", content: "We accept all major formats including PDF, Microsoft Word (.docx, .doc), Google Docs, plain text (.txt), and RTF files. Simply upload your document through our secure portal, and our system will process it while preserving your original formatting."
|
|
},
|
|
{
|
|
id: "3", title: "How long does proofreading typically take?", content: "Standard turnaround is 24 hours for most documents. Professional plan members receive priority 12-hour service, and Enterprise customers get 4-hour turnaround. Urgent requests can often be accommodated with an expedited fee. Exact timing depends on document length and complexity."
|
|
},
|
|
{
|
|
id: "4", title: "Is my content confidential?", content: "Absolutely. All documents are encrypted during transmission and storage using military-grade security protocols. We maintain strict confidentiality agreements and never share client content. Your intellectual property is completely protected throughout the entire process."
|
|
},
|
|
{
|
|
id: "5", title: "Can you handle specialized content?", content: "Yes! We have reviewers specialized in technical documentation, legal contracts, marketing materials, academic writing, and medical French. Simply indicate your content type during submission, and we'll route it to the appropriate specialist."
|
|
},
|
|
{
|
|
id: "6", title: "What if I'm not satisfied with the results?", content: "We offer unlimited revisions on all plans until you're completely satisfied. If there's anything you'd like adjusted, just let us know. We also provide a 30-day money-back guarantee if you're not happy with our service."
|
|
}
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
faqsAnimation="slide-up"
|
|
ariaLabel="FAQ section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to perfect your French content? Start your free trial today and experience professional proofreading that truly makes a difference."
|
|
animationType="background-highlight"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Start Free Trial", href: "https://app.frenchproof.com/signup" },
|
|
{ text: "Schedule Demo", href: "mailto:demo@frenchproof.com" }
|
|
]}
|
|
ariaLabel="Contact call-to-action section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="FrenchProof"
|
|
copyrightText="© 2025 FrenchProof | Professional French Language Services"
|
|
socialLinks={[
|
|
{ icon: Twitter, href: "https://twitter.com/frenchproof", ariaLabel: "Follow us on Twitter" },
|
|
{ icon: Linkedin, href: "https://linkedin.com/company/frenchproof", ariaLabel: "Connect with us on LinkedIn" },
|
|
{ icon: Mail, href: "mailto:hello@frenchproof.com", ariaLabel: "Email FrenchProof" }
|
|
]}
|
|
ariaLabel="Site footer"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|