Merge version_1 into main #1
417
src/app/page.tsx
417
src/app/page.tsx
@@ -28,292 +28,155 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Elite Lingo"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Elite Lingo"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Speak English with confidence in the UK"
|
||||
description="Real-time translation and interpretation support for Brazilians living in the UK. We bridge the gap between Portuguese and English for your most important life moments."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Translating",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
text: "Book Live Help",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Co5ZarYL0uiE4VXz3t2nvFB6Zy/professional-clean-high-tech-office-envi-1777039992861-45b315c8.png"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "plain" }}
|
||||
title="Speak English with confidence in the UK"
|
||||
description="Real-time translation and interpretation support for Brazilians living in the UK. We bridge the gap between Portuguese and English for your most important life moments."
|
||||
buttons={[
|
||||
{ text: "Start Translating", href: "#services" },
|
||||
{ text: "Book Live Help", href: "#contact" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Co5ZarYL0uiE4VXz3t2nvFB6Zy/professional-clean-high-tech-office-envi-1777039992861-45b315c8.png"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Phone Call Support",
|
||||
descriptions: [
|
||||
"Real-time help for bank, utility, and service calls.",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Co5ZarYL0uiE4VXz3t2nvFB6Zy/icon-for-phone-call-support-gold-and-nav-1777039999359-5b1a3520.png",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Housing & Rental Help",
|
||||
descriptions: [
|
||||
"Navigate communication with landlords and estate agents.",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Co5ZarYL0uiE4VXz3t2nvFB6Zy/icon-for-housing-support-gold-and-navy-b-1777040006779-c2df0233.png",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Home Office & Visa",
|
||||
descriptions: [
|
||||
"Professional guidance for official UK immigration forms.",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Co5ZarYL0uiE4VXz3t2nvFB6Zy/icon-for-immigration-gold-and-navy-blue--1777040014302-fbc543ca.png",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
title: "Document Translation",
|
||||
descriptions: [
|
||||
"Accurate, clear translation of official emails and documents.",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Co5ZarYL0uiE4VXz3t2nvFB6Zy/icon-for-phone-call-support-gold-and-nav-1777040030830-3093bc7c.png",
|
||||
},
|
||||
{
|
||||
id: "s5",
|
||||
title: "Live Video Interpretation",
|
||||
descriptions: [
|
||||
"Instant video support for WhatsApp, FaceTime, or Zoom.",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Co5ZarYL0uiE4VXz3t2nvFB6Zy/icon-for-housing-support-gold-and-navy-b-1777040037588-59011089.png",
|
||||
},
|
||||
]}
|
||||
title="Our Support Services"
|
||||
description="Comprehensive language and interpretation solutions tailored for your life in the UK."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "s1", title: "Phone Call Support", descriptions: ["Real-time help for bank, utility, and service calls."], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Co5ZarYL0uiE4VXz3t2nvFB6Zy/icon-for-phone-call-support-gold-and-nav-1777039999359-5b1a3520.png" },
|
||||
{ id: "s2", title: "Housing & Rental Help", descriptions: ["Navigate communication with landlords and estate agents."], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Co5ZarYL0uiE4VXz3t2nvFB6Zy/icon-for-housing-support-gold-and-navy-b-1777040006779-c2df0233.png" },
|
||||
{ id: "s3", title: "Home Office & Visa", descriptions: ["Professional guidance for official UK immigration forms."], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Co5ZarYL0uiE4VXz3t2nvFB6Zy/icon-for-immigration-gold-and-navy-blue--1777040014302-fbc543ca.png" },
|
||||
{ id: "s4", title: "Document Translation", descriptions: ["Accurate, clear translation of official emails and documents."], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Co5ZarYL0uiE4VXz3t2nvFB6Zy/icon-for-phone-call-support-gold-and-nav-1777040030830-3093bc7c.png" },
|
||||
{ id: "s5", title: "Live Video Interpretation", descriptions: ["Instant video support for WhatsApp, FaceTime, or Zoom."], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Co5ZarYL0uiE4VXz3t2nvFB6Zy/icon-for-housing-support-gold-and-navy-b-1777040037588-59011089.png" }
|
||||
]}
|
||||
title="Our Support Services"
|
||||
description="Comprehensive language and interpretation solutions tailored for your life in the UK."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="how-it-works" data-section="how-it-works">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "01",
|
||||
title: "Choose Service",
|
||||
description: "Select the type of help you need.",
|
||||
icon: Check,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "02",
|
||||
title: "Connect",
|
||||
description: "Send your message or book a live slot.",
|
||||
icon: MessageSquare,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "03",
|
||||
title: "Communicate",
|
||||
description: "Get clear, confident English support.",
|
||||
icon: Users,
|
||||
},
|
||||
]}
|
||||
title="How It Works"
|
||||
description="Three simple steps to professional communication support."
|
||||
/>
|
||||
</div>
|
||||
<div id="how-it-works" data-section="how-it-works">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "01", title: "Choose Service", description: "Select the type of help you need.", icon: Check },
|
||||
{ id: "m2", value: "02", title: "Connect", description: "Send your message or book a live slot.", icon: MessageSquare },
|
||||
{ id: "m3", value: "03", title: "Communicate", description: "Get clear, confident English support.", icon: Users }
|
||||
]}
|
||||
title="How It Works"
|
||||
description="Three simple steps to professional communication support."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="trust" data-section="trust">
|
||||
<SocialProofOne
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"UK Based Support",
|
||||
"Brazilian Portuguese Native Experts",
|
||||
"Real Human Interpretation",
|
||||
"Fast Response Times",
|
||||
"Bank/Utilities Specialists",
|
||||
"Home Office Certified",
|
||||
"Confident Communication",
|
||||
]}
|
||||
title="Why Choose Elite Lingo"
|
||||
description="Quality support designed specifically for the Brazilian community in the UK."
|
||||
/>
|
||||
</div>
|
||||
<div id="trust" data-section="trust">
|
||||
<SocialProofOne
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
names={["UK Based Support", "Brazilian Portuguese Native Experts", "Real Human Interpretation", "Fast Response Times", "Bank/Utilities Specialists", "Home Office Certified", "Confident Communication"]}
|
||||
title="Why Choose Elite Lingo"
|
||||
description="Quality support designed specifically for the Brazilian community in the UK."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Built for the Community"
|
||||
description={[
|
||||
"Our founder moved to the UK at age 6, navigating the challenges of dual-language living firsthand. Elite Lingo Brasil was created to ensure that every Brazilian in the UK can face official conversations, medical appointments, and daily interactions with total confidence.",
|
||||
"We aren't just translators; we are your communication partner.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Built for the Community"
|
||||
description={[
|
||||
"Our founder moved to the UK at age 6, navigating the challenges of dual-language living firsthand. Elite Lingo Brasil was created to ensure that every Brazilian in the UK can face official conversations, medical appointments, and daily interactions with total confidence.", "We aren't just translators; we are your communication partner."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="stats" data-section="stats">
|
||||
<MetricCardOne
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid-inverted"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "st1",
|
||||
value: "500+",
|
||||
title: "UK Situations Resolved",
|
||||
description: "From bank calls to housing queries.",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "st2",
|
||||
value: "99%",
|
||||
title: "Client Satisfaction",
|
||||
description: "Confident communication every time.",
|
||||
icon: ThumbsUp,
|
||||
},
|
||||
{
|
||||
id: "st3",
|
||||
value: "24/7",
|
||||
title: "Support Availability",
|
||||
description: "When you need us, we're here.",
|
||||
icon: Clock,
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Helping you achieve communication goals every day."
|
||||
/>
|
||||
</div>
|
||||
<div id="stats" data-section="stats">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid-inverted"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "st1", value: "500+", title: "UK Situations Resolved", description: "From bank calls to housing queries.", icon: Award },
|
||||
{ id: "st2", value: "99%", title: "Client Satisfaction", description: "Confident communication every time.", icon: ThumbsUp },
|
||||
{ id: "st3", value: "24/7", title: "Support Availability", description: "When you need us, we're here.", icon: Clock }
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Helping you achieve communication goals every day."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is this just Google Translate?",
|
||||
content: "No. We provide real human interpretation and translation, specifically tailored for official UK interactions like government documents or calls.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can you help with medical calls?",
|
||||
content: "Absolutely. We are trained to handle sensitive medical appointments with confidentiality.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How do I book a live interpreter?",
|
||||
content: "Simply fill out our booking form, and we will arrange a video or phone call via your preferred platform (Zoom, WhatsApp, etc.).",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common questions about our interpretation services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Is this just Google Translate?", content: "No. We provide real human interpretation and translation, specifically tailored for official UK interactions like government documents or calls." },
|
||||
{ id: "q2", title: "Can you help with medical calls?", content: "Absolutely. We are trained to handle sensitive medical appointments with confidentiality." },
|
||||
{ id: "q3", title: "How do I book a live interpreter?", content: "Simply fill out our booking form, and we will arrange a video or phone call via your preferred platform (Zoom, WhatsApp, etc.)." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common questions about our interpretation services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Let's Connect"
|
||||
title="Get help speaking English today"
|
||||
description="Ready to communicate with confidence? Book your support session or message us for a consultation."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Co5ZarYL0uiE4VXz3t2nvFB6Zy/clean-modern-professional-document-revie-1777040023604-899890a1.png"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Start Now"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Let's Connect"
|
||||
title="Get help speaking English today"
|
||||
description="Ready to communicate with confidence? Book your support session or message us for a consultation."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Co5ZarYL0uiE4VXz3t2nvFB6Zy/clean-modern-professional-document-revie-1777040023604-899890a1.png"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Start Now"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Elite Lingo Brasil"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Call Support",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Immigration Help",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Live Video Interpretation",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Elite Lingo Brasil. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Elite Lingo Brasil"
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Call Support", href: "#services" },
|
||||
{ label: "Immigration Help", href: "#services" },
|
||||
{ label: "Live Video Interpretation", href: "#services" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Elite Lingo Brasil. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user