Update src/app/page.tsx

This commit is contained in:
2026-05-07 20:21:02 +00:00
parent 6249692e53
commit 0f9fabc4e5

View File

@@ -32,26 +32,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Features",
id: "features",
},
{
name: "Products",
id: "products",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Features", id: "features" },
{ name: "Products", id: "products" },
{ name: "Contact", id: "contact" },
]}
brandName="VertaXe"
/>
@@ -59,33 +44,13 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "radial-gradient",
}}
background={{ variant: "radial-gradient" }}
title="Build Apps. Master Dropshipping."
description="VertaXe powers your digital vision. From sophisticated software solutions to efficient e-commerce scaling, we help you succeed."
tag="Innovative Solutions for VertaXe"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/big-sales-promotion-with-credit-card_23-2152020696.jpg",
imageAlt: "Digital Tech Scene",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoy-online-shopping_53876-71210.jpg",
imageAlt: "App UI Design",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-experience_23-2151952992.jpg",
imageAlt: "Online shopping experience",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-shopping-with-credit-card-outside-store_23-2152020735.jpg",
imageAlt: "Man shopping with a credit card outside a store",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/online-shop-buy-internet-shopping-store-concept_53876-127377.jpg",
imageAlt: "Online Shop Buy Internet Shopping Store Concept",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/big-sales-promotion-with-credit-card_23-2152020696.jpg", imageAlt: "Digital Tech Scene" },
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoy-online-shopping_53876-71210.jpg", imageAlt: "App UI Design" }
]}
mediaAnimation="slide-up"
rating={5}
@@ -100,18 +65,9 @@ export default function LandingPage() {
title="About VertaXe"
description="We are a team passionate about digital product creation. Our mission is to bridge the gap between creative app ideas and operational excellence in dropshipping."
metrics={[
{
value: "10+",
title: "Apps Launched",
},
{
value: "500+",
title: "Dropshipping Sales",
},
{
value: "24/7",
title: "Support Ready",
},
{ value: "10+", title: "Apps Launched" },
{ value: "500+", title: "Dropshipping Sales" },
{ value: "24/7", title: "Support Ready" },
]}
imageSrc="http://img.b2bpic.net/free-photo/confused-young-colleagues-sitting-office-coworking_171337-17701.jpg"
imageAlt="Our team workspace"
@@ -126,36 +82,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "1",
label: "Dev",
title: "Custom Apps",
items: [
"Native iOS/Android",
"Web solutions",
"Scalable backend",
],
},
{
id: "2",
label: "Ops",
title: "Dropshipping",
items: [
"Supplier sourcing",
"Store automation",
"Marketing logic",
],
},
{
id: "3",
label: "Growth",
title: "Strategic Scale",
items: [
"Performance testing",
"User analytics",
"Market insights",
],
},
{ id: "1", label: "Dev", title: "Custom Apps", items: ["Native iOS/Android", "Web solutions", "Scalable backend"] },
{ id: "2", label: "Ops", title: "Dropshipping", items: ["Supplier sourcing", "Store automation", "Marketing logic"] },
{ id: "3", label: "Growth", title: "Strategic Scale", items: ["Performance testing", "User analytics", "Market insights"] },
]}
title="Why choose VertaXe?"
description="We blend technical prowess with commerce strategy."
@@ -168,21 +97,9 @@ export default function LandingPage() {
title="Our Impact"
tag="Key KPIs"
metrics={[
{
id: "1",
value: "98%",
description: "Client satisfaction rate",
},
{
id: "2",
value: "5x",
description: "Average revenue growth",
},
{
id: "3",
value: "20+",
description: "Global active stores",
},
{ id: "1", value: "98%", description: "Client satisfaction rate" },
{ id: "2", value: "5x", description: "Average revenue growth" },
{ id: "3", value: "20+", description: "Global active stores" },
]}
metricsAnimation="slide-up"
/>
@@ -195,48 +112,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "1",
name: "App Alpha",
price: "$199",
variant: "Utility",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-showing-her-smartphone_23-2149404209.jpg",
},
{
id: "2",
name: "App Beta",
price: "$299",
variant: "Enterprise",
imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150038908.jpg",
},
{
id: "3",
name: "Shop Zenith",
price: "$49",
variant: "Apparel",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-world-science-day-with-smartphone_23-2149132698.jpg",
},
{
id: "4",
name: "Shop Nova",
price: "$59",
variant: "Tech",
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg",
},
{
id: "5",
name: "App Gamma",
price: "$99",
variant: "SaaS",
imageSrc: "http://img.b2bpic.net/free-photo/three-smart-blank-screens-wall_53876-160689.jpg",
},
{
id: "6",
name: "Store Luna",
price: "$79",
variant: "Lifestyle",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-website-hosting-concept_23-2149484781.jpg",
},
{ id: "1", name: "App Alpha", price: "$199", variant: "Utility", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-showing-her-smartphone_23-2149404209.jpg" },
{ id: "2", name: "App Beta", price: "$299", variant: "Enterprise", imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150038908.jpg" },
{ id: "3", name: "Shop Zenith", price: "$49", variant: "Apparel", imageSrc: "http://img.b2bpic.net/free-photo/still-life-world-science-day-with-smartphone_23-2149132698.jpg" },
]}
title="Portfolio Highlights"
description="A glimpse into the digital products and stores we manage and develop."
@@ -247,31 +125,9 @@ export default function LandingPage() {
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Alex R.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
},
{
id: "2",
name: "Sarah K.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
},
{
id: "3",
name: "Mark D.",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-middle-aged-businesswoman_1262-21005.jpg",
},
{
id: "4",
name: "Elena V.",
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1624.jpg",
},
{
id: "5",
name: "Jason L.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg",
},
{ id: "1", name: "Alex R.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg" },
{ id: "2", name: "Sarah K.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg" },
{ id: "3", name: "Mark D.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-middle-aged-businesswoman_1262-21005.jpg" },
]}
cardTitle="Client Voices"
cardTag="Testimonials"
@@ -284,21 +140,8 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "How do we start?",
content: "Simply contact us through our form with your ideas.",
},
{
id: "2",
title: "Do you help with dropshipping?",
content: "Yes, we handle everything from supplier selection to store setup.",
},
{
id: "3",
title: "Are your apps cross-platform?",
content: "We build with modern frameworks ensuring iOS and Android compatibility.",
},
{ id: "1", title: "How do we start?", content: "Simply contact us through our form with your ideas." },
{ id: "2", title: "Do you help with dropshipping?", content: "Yes, we handle everything from supplier selection to store setup." },
]}
title="Common Questions"
description="Everything you need to know about starting your project with VertaXe."
@@ -309,16 +152,9 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
background={{ variant: "radial-gradient" }}
text="Ready to launch your vision with VertaXe? Let's talk strategy."
buttons={[
{
text: "Contact Us",
href: "#contact",
},
]}
buttons={[{ text: "Contact Us", href: "#contact" }]}
/>
</div>