Merge version_1 into main #2
268
src/app/page.tsx
268
src/app/page.tsx
@@ -32,45 +32,26 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="ConvenientlySexy"
|
||||
button={{ text: "Get Started", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Effortless Power, Designed for You."
|
||||
description="Experience convenience redefined. Our platform offers a seamless, sexy interface built to streamline your daily tasks instantly."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
{ text: "Get Started", href: "#products" },
|
||||
{ text: "Learn More", href: "#about" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-software-developer-types-code-laptop-sleek-workspace_482257-124580.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-software-developer-types-code-laptop-sleek-workspace_482257-124580.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -79,21 +60,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Why Choose Our Solution?"
|
||||
metrics={[
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Efficiency Boost",
|
||||
value: "200%",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Security Rated",
|
||||
value: "99.9%",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Customer Love",
|
||||
value: "100%",
|
||||
},
|
||||
{ icon: Zap, label: "Efficiency Boost", value: "200%" },
|
||||
{ icon: Shield, label: "Security Rated", value: "99.9%" },
|
||||
{ icon: Award, label: "Customer Love", value: "100%" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -106,40 +75,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Ultra-Fast Processing",
|
||||
description: "Get results in milliseconds with our optimized core engine.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-metallic-liquid-wave-texture-with-glossy-silver-reflections_84443-91491.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/motion-blur-automatic-train-moving-inside-tunnel-tokyo-japan_335224-164.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-software-developer-types-code-laptop-sleek-workspace_482257-124580.jpg?_wi=2",
|
||||
imageAlt: "abstract tech speed concept",
|
||||
title: "Ultra-Fast Processing", description: "Get results in milliseconds with our optimized core engine.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/abstract-metallic-liquid-wave-texture-with-glossy-silver-reflections_84443-91491.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/motion-blur-automatic-train-moving-inside-tunnel-tokyo-japan_335224-164.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Seamless Integration",
|
||||
description: "Works perfectly with your existing tools, zero setup needed.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/researcher-using-transparent-digital-tablet-screen-futuristic-technology_53876-101147.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-smartwatch-hologram-presentation-wearable-gadget_53876-97061.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-poly-background-with-connecting-lines-dots_1048-6130.jpg",
|
||||
imageAlt: "abstract tech speed concept",
|
||||
title: "Seamless Integration", description: "Works perfectly with your existing tools, zero setup needed.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/researcher-using-transparent-digital-tablet-screen-futuristic-technology_53876-101147.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-smartwatch-hologram-presentation-wearable-gadget_53876-97061.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Intuitive Interface",
|
||||
description: "A design that thinks before you act, keeping things simple.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/credit-cards-financial-transactions-modern-perspective_187299-48029.jpg?_wi=1",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12013.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mockup-mobile-phone-screen_53876-63379.jpg?_wi=1",
|
||||
imageAlt: "abstract tech speed concept",
|
||||
title: "Intuitive Interface", description: "A design that thinks before you act, keeping things simple.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/credit-cards-financial-transactions-modern-perspective_187299-48029.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12013.jpg" }
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -155,42 +100,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Core Basic",
|
||||
price: "$49",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/credit-cards-financial-transactions-modern-perspective_187299-48029.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Professional Tier",
|
||||
price: "$99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mockup-mobile-phone-screen_53876-63379.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Enterprise Grade",
|
||||
price: "$299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-credit-card_23-2149241416.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Cloud Pro",
|
||||
price: "$149",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-3d-rendering-modern-tech-device_187299-46717.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Data Analyst",
|
||||
price: "$199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sleek-white-smartphone-with-blue-accents-modern-design_187299-46771.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Full Suite",
|
||||
price: "$499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gold-phone-with-camera-dark-background_187299-46682.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Core Basic", price: "$49", imageSrc: "http://img.b2bpic.net/free-photo/credit-cards-financial-transactions-modern-perspective_187299-48029.jpg" },
|
||||
{ id: "p2", name: "Professional Tier", price: "$99", imageSrc: "http://img.b2bpic.net/free-photo/mockup-mobile-phone-screen_53876-63379.jpg" },
|
||||
{ id: "p3", name: "Enterprise Grade", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-credit-card_23-2149241416.jpg" },
|
||||
{ id: "p4", name: "Cloud Pro", price: "$149", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-3d-rendering-modern-tech-device_187299-46717.jpg" },
|
||||
{ id: "p5", name: "Data Analyst", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/sleek-white-smartphone-with-blue-accents-modern-design_187299-46771.jpg" },
|
||||
{ id: "p6", name: "Full Suite", price: "$499", imageSrc: "http://img.b2bpic.net/free-photo/gold-phone-with-camera-dark-background_187299-46682.jpg" },
|
||||
]}
|
||||
title="Curated Solutions"
|
||||
description="Select the product that fits your needs perfectly."
|
||||
@@ -203,33 +118,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.2M",
|
||||
title: "Users served",
|
||||
items: [
|
||||
"Global reach",
|
||||
"High stability",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "450+",
|
||||
title: "Partners",
|
||||
items: [
|
||||
"Enterprise clients",
|
||||
"Trusted brands",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500K",
|
||||
title: "Tasks automated",
|
||||
items: [
|
||||
"High precision",
|
||||
"Zero error",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "1.2M", title: "Users served", items: ["Global reach", "High stability"] },
|
||||
{ id: "m2", value: "450+", title: "Partners", items: ["Enterprise clients", "Trusted brands"] },
|
||||
{ id: "m3", value: "500K", title: "Tasks automated", items: ["High precision", "Zero error"] },
|
||||
]}
|
||||
title="Global Impact"
|
||||
description="Numbers that speak for our commitment to quality."
|
||||
@@ -241,46 +132,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Amazing UI",
|
||||
quote: "The most convenient tool I have used in years.",
|
||||
name: "Alex Smith",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-having-great-time_23-2149443753.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Super Efficient",
|
||||
quote: "Saves me hours every week, and it looks beautiful.",
|
||||
name: "Jane Doe",
|
||||
role: "Engineer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-short-haired-woman-posing-white-shirt_23-2149021781.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Top Tier",
|
||||
quote: "Excellent performance and reliable results.",
|
||||
name: "Bob Martin",
|
||||
role: "PM",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-handsome-businessman-blue-red-light_158595-4820.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Love It",
|
||||
quote: "Finally, a product that does exactly what it says.",
|
||||
name: "Sarah Lee",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-boy-posing_23-2148171522.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Essential",
|
||||
quote: "Cannot imagine my daily routine without this.",
|
||||
name: "John Wu",
|
||||
role: "Dev",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artistic-businessman_23-2147641280.jpg",
|
||||
},
|
||||
{ id: "t1", title: "Amazing UI", quote: "The most convenient tool I have used in years.", name: "Alex Smith", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-having-great-time_23-2149443753.jpg" },
|
||||
{ id: "t2", title: "Super Efficient", quote: "Saves me hours every week, and it looks beautiful.", name: "Jane Doe", role: "Engineer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-short-haired-woman-posing-white-shirt_23-2149021781.jpg" },
|
||||
{ id: "t3", title: "Top Tier", quote: "Excellent performance and reliable results.", name: "Bob Martin", role: "PM", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-handsome-businessman-blue-red-light_158595-4820.jpg" },
|
||||
{ id: "t4", title: "Love It", quote: "Finally, a product that does exactly what it says.", name: "Sarah Lee", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/black-boy-posing_23-2148171522.jpg" },
|
||||
{ id: "t5", title: "Essential", quote: "Cannot imagine my daily routine without this.", name: "John Wu", role: "Dev", imageSrc: "http://img.b2bpic.net/free-photo/artistic-businessman_23-2147641280.jpg" },
|
||||
]}
|
||||
title="Loved by Professionals"
|
||||
description="Don't just take our word for it—see why users trust us."
|
||||
@@ -291,21 +147,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is it free?",
|
||||
content: "We offer a trial and flexible plans.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is it secure?",
|
||||
content: "Data protection is our highest priority.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I cancel?",
|
||||
content: "Cancel at any time, no strings attached.",
|
||||
},
|
||||
{ id: "q1", title: "Is it free?", content: "We offer a trial and flexible plans." },
|
||||
{ id: "q2", title: "Is it secure?", content: "Data protection is our highest priority." },
|
||||
{ id: "q3", title: "Can I cancel?", content: "Cancel at any time, no strings attached." },
|
||||
]}
|
||||
sideTitle="Questions? We have answers."
|
||||
sideDescription="Everything you need to know about getting started."
|
||||
@@ -319,18 +163,8 @@ export default function LandingPage() {
|
||||
title="Let's Connect"
|
||||
description="Reach out to start your convenience journey today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-with-augmented-reality_1134-137.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -341,32 +175,8 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="ConvenientlySexy"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Links", items: [{ label: "Home", href: "#hero" }, { label: "Features", href: "#features" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user