bender/1eeddb3e-72d5-4ef0-852a-29c1ef330a59
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-11 17:21:00 +00:00
parent f26d6ab6cc
commit e55235b96d
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/app/page.tsx
View File

@@ -86,28 +86,28 @@ export default function LandingPage() {
</div>
</div>
<div id="hero" data-section="hero">
<HeroBillboardScroll background={{ variant: "gradient-bars" }} title={t.hero.title} description={t.hero.desc} imageSrc="http://img.b2bpic.net/free-photo/call-center-agent-laughing-funny-joke-while-talking-with-customer-office_482257-125812.jpg?_wi=1" />
<HeroBillboardScroll title={t.hero.title} description={t.hero.desc} background={{ variant: "gradient-bars" }} imageSrc="http://img.b2bpic.net/free-photo/call-center-agent-laughing-funny-joke-while-talking-with-customer-office_482257-125812.jpg?_wi=1" />
</div>
<div id="about" data-section="about">
<MediaAbout title={t.about.title} description={t.about.desc} imageSrc="http://img.b2bpic.net/free-photo/three-business-people-with-documente_23-2147626571.jpg?_wi=1" />
<MediaAbout title={t.about.title} description={t.about.desc} imageSrc="http://img.b2bpic.net/free-photo/three-business-people-with-documente_23-2147626571.jpg?_wi=1" useInvertedBackground={false} />
</div>
<div id="features" data-section="features">
<FeatureCardMedia animationType="slide-up" textboxLayout="split" title={t.features.title} description={t.features.desc} features={t.features.items.map((i, idx) => ({ ...i, imageSrc: ["http://img.b2bpic.net/free-photo/asian-businesswoman-typing-email-desktop-pc-office_637285-2718.jpg", "http://img.b2bpic.net/free-photo/call-center-agent-laughing-funny-joke-while-talking-with-customer-office_482257-125812.jpg?_wi=2", "http://img.b2bpic.net/free-photo/three-business-people-with-documente_23-2147626571.jpg?_wi=2"][idx] }))} />
<FeatureCardMedia animationType="slide-up" textboxLayout="split" title={t.features.title} description={t.features.desc} useInvertedBackground={false} features={t.features.items.map((i, idx) => ({ ...i, imageSrc: ["http://img.b2bpic.net/free-photo/asian-businesswoman-typing-email-desktop-pc-office_637285-2718.jpg", "http://img.b2bpic.net/free-photo/call-center-agent-laughing-funny-joke-while-talking-with-customer-office_482257-125812.jpg?_wi=2", "http://img.b2bpic.net/free-photo/three-business-people-with-documente_23-2147626571.jpg?_wi=2"][idx] }))} />
</div>
<div id="services" data-section="services">
<ProductCardFour animationType="slide-up" textboxLayout="default" gridVariant="three-columns-all-equal-width" title={t.services.title} description={t.services.desc} products={t.services.items.map((i, idx) => ({ ...i, imageSrc: ["http://img.b2bpic.net/free-photo/minimalist-black-white-office-desk-with-stationery_9975-133066.jpg", "http://img.b2bpic.net/free-photo/corporate-building-with-empty-room_23-2148727503.jpg", "http://img.b2bpic.net/free-photo/medium-shot-girl-with-headphones-laptop-indoors_23-2148389064.jpg"][idx], variant: "Standard" }))} />
<ProductCardFour animationType="slide-up" textboxLayout="default" gridVariant="three-columns-all-equal-width" title={t.services.title} description={t.services.desc} useInvertedBackground={false} products={t.services.items.map((i, idx) => ({ ...i, imageSrc: ["http://img.b2bpic.net/free-photo/minimalist-black-white-office-desk-with-stationery_9975-133066.jpg", "http://img.b2bpic.net/free-photo/corporate-building-with-empty-room_23-2148727503.jpg", "http://img.b2bpic.net/free-photo/medium-shot-girl-with-headphones-laptop-indoors_23-2148389064.jpg"][idx], variant: "Standard" }))} />
</div>
<div id="metrics" data-section="metrics">
<MetricCardFourteen title={t.metrics.title} tag={t.metrics.tag} metrics={t.metrics.m.map(i => ({ id: i.id, value: i.val, description: i.desc }))} metricsAnimation="slide-up" />
<MetricCardFourteen title={t.metrics.title} tag={t.metrics.tag} metrics={t.metrics.m.map(i => ({ id: i.id, value: i.val, description: i.desc }))} metricsAnimation="slide-up" useInvertedBackground={false} />
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen animationType="slide-up" textboxLayout="default" title={t.testimonials.title} description={t.testimonials.desc} testimonials={t.testimonials.items.map((i, idx) => ({ id: i.id, name: i.name, role: i.role, company: i.comp, rating: 5, imageSrc: ["http://img.b2bpic.net/free-photo/smiling-man-suit-looking-camera_23-2148112202.jpg", "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg", "http://img.b2bpic.net/free-photo/cheerful-businessman-smiling_74855-1511.jpg"][idx] }))} kpiItems={t.testimonials.kpi.map(i => ({ value: i.v, label: i.l }))} />
<TestimonialCardSixteen animationType="slide-up" textboxLayout="default" title={t.testimonials.title} description={t.testimonials.desc} useInvertedBackground={false} testimonials={t.testimonials.items.map((i, idx) => ({ id: i.id, name: i.name, role: i.role, company: i.comp, rating: 5, imageSrc: ["http://img.b2bpic.net/free-photo/smiling-man-suit-looking-camera_23-2148112202.jpg", "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg", "http://img.b2bpic.net/free-photo/cheerful-businessman-smiling_74855-1511.jpg"][idx] }))} kpiItems={[ { value: t.testimonials.kpi[0].v, label: t.testimonials.kpi[0].l }, { value: t.testimonials.kpi[1].v, label: t.testimonials.kpi[1].l }, { value: t.testimonials.kpi[2].v, label: t.testimonials.kpi[2].l } ]} />
</div>
<div id="faq" data-section="faq">
<FaqBase textboxLayout="default" title={t.faq.title} description={t.faq.desc} faqs={t.faq.items.map(i => ({ id: i.id, title: i.title, content: i.cont }))} faqsAnimation="slide-up" />
<FaqBase textboxLayout="default" title={t.faq.title} description={t.faq.desc} faqs={t.faq.items.map(i => ({ id: i.id, title: i.title, content: i.cont }))} faqsAnimation="slide-up" useInvertedBackground={false} />
</div>
<div id="contact" data-section="contact">
<ContactSplitForm title={t.contact.title} description={t.contact.desc} inputs={[{ name: "name", type: "text", placeholder: t.contact.ph, required: true }, { name: "email", type: "email", placeholder: t.contact.phEmail, required: true }]} textarea={{ name: "message", placeholder: t.contact.phMsg, required: true }} buttonText={t.contact.btn} imageSrc="http://img.b2bpic.net/free-photo/young-beautiful-female-support-phone-operator-speaking-consulting-office_176420-957.jpg" />
<ContactSplitForm title={t.contact.title} description={t.contact.desc} useInvertedBackground={false} inputs={[{ name: "name", type: "text", placeholder: t.contact.ph, required: true }, { name: "email", type: "email", placeholder: t.contact.phEmail, required: true }]} textarea={{ name: "message", placeholder: t.contact.phMsg, required: true }} buttonText={t.contact.btn} imageSrc="http://img.b2bpic.net/free-photo/young-beautiful-female-support-phone-operator-speaking-consulting-office_176420-957.jpg" />
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal logoText={t.footer.logo} leftLink={{ text: t.footer.l, href: "#" }} rightLink={{ text: t.footer.r, href: "#" }} />