Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
218
src/app/page.tsx
218
src/app/page.tsx
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user