Merge version_2 into main #1
236
src/app/page.tsx
236
src/app/page.tsx
@@ -2,10 +2,10 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="LinguaLink"
|
||||
/>
|
||||
@@ -54,77 +46,48 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Natural Translation for Creators & Businesses"
|
||||
description="Stop settling for textbook English. We provide native-level localization for your videos, social media, and websites."
|
||||
kpis={[
|
||||
{
|
||||
value: "100+",
|
||||
label: "Projects Translated",
|
||||
},
|
||||
value: "100+", label: "Projects Translated"},
|
||||
{
|
||||
value: "24h",
|
||||
label: "Typical Turnaround",
|
||||
},
|
||||
value: "24h", label: "Typical Turnaround"},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
value: "98%", label: "Client Satisfaction"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Your Free Sample",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Your Free Sample", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/manager-watches-tablet-with-greenscreen_482257-76577.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/manager-watches-tablet-with-greenscreen_482257-76577.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/transaction-summary-accounting-financial-taxation-concept_53876-15868.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/transaction-summary-accounting-financial-taxation-concept_53876-15868.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/flag-countries-foreign-word-translation-concept_53876-124969.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/flag-countries-foreign-word-translation-concept_53876-124969.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/register-enquiry-online-web-page-concept_53876-125578.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/register-enquiry-online-web-page-concept_53876-125578.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-woman-talking-man_23-2150171351.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-woman-talking-man_23-2150171351.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Trusted by 150+ happy creators"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "English",
|
||||
},
|
||||
type: "text", text: "English"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Japanese",
|
||||
},
|
||||
type: "text", text: "Japanese"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Localization",
|
||||
},
|
||||
type: "text", text: "Localization"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Subtitling",
|
||||
},
|
||||
type: "text", text: "Subtitling"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Copywriting",
|
||||
},
|
||||
type: "text", text: "Copywriting"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -134,9 +97,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Why Natural Translation Matters"
|
||||
description={[
|
||||
"Japanese businesses often rely on awkward translations that feel robotic. We bridge the cultural gap.",
|
||||
"We offer affordable, high-value localization services tailored for school clubs, small creators, and independent businesses.",
|
||||
]}
|
||||
"Japanese businesses often rely on awkward translations that feel robotic. We bridge the cultural gap.", "We offer affordable, high-value localization services tailored for school clubs, small creators, and independent businesses."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -148,26 +109,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Video Subtitles",
|
||||
description: "Engage global audiences with natural English subtitles for YouTube or social media.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-agency-setup-cinematic-footage-creation-video-editing_482257-118951.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/aerial-view-man-working-computer_53876-31625.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Video Subtitles", description: "Engage global audiences with natural English subtitles for YouTube or social media.", imageSrc: "http://img.b2bpic.net/free-photo/professional-agency-setup-cinematic-footage-creation-video-editing_482257-118951.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/aerial-view-man-working-computer_53876-31625.jpg", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Instagram Captions",
|
||||
description: "High-quality localized captions that resonate with English-speaking fans.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/literacy-abc-icon-alphabet-concept_53876-121086.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/simple-design-letters-phone-mock-up_23-2148317122.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Instagram Captions", description: "High-quality localized captions that resonate with English-speaking fans.", imageSrc: "http://img.b2bpic.net/free-photo/literacy-abc-icon-alphabet-concept_53876-121086.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/simple-design-letters-phone-mock-up_23-2148317122.jpg", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Website Translation",
|
||||
description: "Professional localization of landing pages for a truly global user experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/about-us-page-information-story-brand-concept_53876-120793.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/ai-site-helping-with-software-production_1268-21621.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Website Translation", description: "Professional localization of landing pages for a truly global user experience.", imageSrc: "http://img.b2bpic.net/free-photo/about-us-page-information-story-brand-concept_53876-120793.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/ai-site-helping-with-software-production_1268-21621.jpg", buttonText: "Learn More"},
|
||||
]}
|
||||
title="Tailored Content Solutions"
|
||||
description="Flexible and fast services designed to scale with your content strategy."
|
||||
@@ -181,20 +127,11 @@ export default function LandingPage() {
|
||||
tag="Results"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "¥500",
|
||||
description: "Starting price per piece",
|
||||
},
|
||||
id: "m1", value: "¥500", description: "Starting price per piece"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
description: "Native-tone guaranteed",
|
||||
},
|
||||
id: "m2", value: "100%", description: "Native-tone guaranteed"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Unlimited",
|
||||
description: "Support for small creators",
|
||||
},
|
||||
id: "m3", value: "Unlimited", description: "Support for small creators"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -207,59 +144,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "YouTuber",
|
||||
company: "VlogCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-redhead-female-barista-drinks-coffee-coffee-shop_613910-4782.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "YouTuber", company: "VlogCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-redhead-female-barista-drinks-coffee-coffee-shop_613910-4782.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Kenji M.",
|
||||
role: "Owner",
|
||||
company: "Local Shop",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-entrepreneur-sitting-cafe-working-laptop-while-looking-camera_637285-5864.jpg",
|
||||
},
|
||||
id: "2", name: "Kenji M.", role: "Owner", company: "Local Shop", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-entrepreneur-sitting-cafe-working-laptop-while-looking-camera_637285-5864.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Marketer",
|
||||
company: "Startup XYZ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-architect-holding-pencil-turning-off-notebook-pc_273609-13924.jpg",
|
||||
},
|
||||
id: "3", name: "Emily R.", role: "Marketer", company: "Startup XYZ", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-architect-holding-pencil-turning-off-notebook-pc_273609-13924.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Freelancer",
|
||||
company: "Creative Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-female-graphic-designers-interacting-with-each-other_1170-2973.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", role: "Freelancer", company: "Creative Hub", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-female-graphic-designers-interacting-with-each-other_1170-2973.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Akiko S.",
|
||||
role: "Founder",
|
||||
company: "School Club",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-mulatto-woman-with-trendy-make-up-standing-with-arms-crossed-office-indoor-photo-female-black-employee-posing-with-international-colleagues-gently-smile_197531-3788.jpg",
|
||||
},
|
||||
id: "5", name: "Akiko S.", role: "Founder", company: "School Club", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-mulatto-woman-with-trendy-make-up-standing-with-arms-crossed-office-indoor-photo-female-black-employee-posing-with-international-colleagues-gently-smile_197531-3788.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
value: "5.0", label: "Avg Rating"},
|
||||
{
|
||||
value: "150+",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
value: "150+", label: "Happy Clients"},
|
||||
{
|
||||
value: "Daily",
|
||||
label: "Content Delivery",
|
||||
},
|
||||
value: "Daily", label: "Content Delivery"},
|
||||
]}
|
||||
title="Loved by Creators"
|
||||
description="See why content creators and business owners trust us with their localization needs."
|
||||
@@ -272,20 +178,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How does the sample process work?",
|
||||
content: "Just DM us your content and we'll translate a short portion for free so you can evaluate the quality.",
|
||||
},
|
||||
id: "f1", title: "How does the sample process work?", content: "Just DM us your content and we'll translate a short portion for free so you can evaluate the quality."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What are your payment terms?",
|
||||
content: "We charge between ¥500 and ¥2000 per post/video depending on length and complexity.",
|
||||
},
|
||||
id: "f2", title: "What are your payment terms?", content: "We charge between ¥500 and ¥2000 per post/video depending on length and complexity."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can you handle technical content?",
|
||||
content: "Yes, we specialize in natural translation regardless of niche, from technical guides to creative captions.",
|
||||
},
|
||||
id: "f3", title: "Can you handle technical content?", content: "Yes, we specialize in natural translation regardless of niche, from technical guides to creative captions."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Clear answers to your common questions."
|
||||
@@ -294,54 +191,35 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
<ContactSplit
|
||||
tag="Ready to Start?"
|
||||
title="Let's Make Your Content Global"
|
||||
description="Send us a DM or email today to get your free sample. Affordable, natural, and fast."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
<FooterBaseCard
|
||||
columns={[
|
||||
{
|
||||
title: "Agency",
|
||||
items: [
|
||||
title: "Agency", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -352,4 +230,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user