Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
314
src/app/page.tsx
314
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
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="LEGENDS"
|
||||
/>
|
||||
@@ -59,43 +44,18 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Defining the Future of Excellence."
|
||||
description="Legends is a pioneer in crafting sophisticated technology solutions that empower businesses to achieve legendary growth."
|
||||
tag="Innovative Solutions"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169840.jpg?_wi=1",
|
||||
imageAlt: "Tech Dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-system-administrators-data-center-using-devices_482257-120660.jpg?_wi=1",
|
||||
imageAlt: "Professional Team",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-blue-purple-futuristic-sci-fi-techno-lights-cool-background_181624-57587.jpg?_wi=1",
|
||||
imageAlt: "Digital Network",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-circuit-board-close-up_23-2149174364.jpg",
|
||||
imageAlt: "Hardware",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/network-people-digital-world_9975-23272.jpg",
|
||||
imageAlt: "UI Interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-futuristic-illustration-with-lit-blue-circles-black-background_181624-20174.jpg",
|
||||
imageAlt: "Energy Flow",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169840.jpg", imageAlt: "Tech Dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-system-administrators-data-center-using-devices_482257-120660.jpg", imageAlt: "Professional Team" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-blue-purple-futuristic-sci-fi-techno-lights-cool-background_181624-57587.jpg", imageAlt: "Digital Network" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-circuit-board-close-up_23-2149174364.jpg", imageAlt: "Hardware" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/network-people-digital-world_9975-23272.jpg", imageAlt: "UI Interface" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cool-futuristic-illustration-with-lit-blue-circles-black-background_181624-20174.jpg", imageAlt: "Energy Flow" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -110,71 +70,24 @@ export default function LandingPage() {
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
textboxLayout="split"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Scalable Infrastructure",
|
||||
description: "Robust architecture ready for your growth.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-digital-particles-techno-background_1048-14519.jpg",
|
||||
imageAlt: "Infrastructure",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Enterprise Security",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "High Performance",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169840.jpg?_wi=2",
|
||||
imageAlt: "tech dashboard dark",
|
||||
title: "Scalable Infrastructure", description: "Robust architecture ready for your growth.", media: { imageSrc: "http://img.b2bpic.net/free-photo/3d-render-digital-particles-techno-background_1048-14519.jpg", imageAlt: "Infrastructure" },
|
||||
items: [{ icon: Shield, text: "Enterprise Security" }, { icon: Zap, text: "High Performance" }],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Advanced Analytics",
|
||||
description: "Actionable insights at your fingertips.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-graphic-designers-interacting-with-each-other_1170-1079.jpg",
|
||||
imageAlt: "Analytics",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Star,
|
||||
text: "Real-time Data",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
text: "Accurate Metrics",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-system-administrators-data-center-using-devices_482257-120660.jpg?_wi=2",
|
||||
imageAlt: "tech dashboard dark",
|
||||
title: "Advanced Analytics", description: "Actionable insights at your fingertips.", media: { imageSrc: "http://img.b2bpic.net/free-photo/group-graphic-designers-interacting-with-each-other_1170-1079.jpg", imageAlt: "Analytics" },
|
||||
items: [{ icon: Star, text: "Real-time Data" }, { icon: Award, text: "Accurate Metrics" }],
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Global Connectivity",
|
||||
description: "Seamless communication anywhere in the world.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ferromagnetic-metal-with-red-orange-coloured-shades_23-2148253614.jpg",
|
||||
imageAlt: "Connectivity",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Shield,
|
||||
text: "End-to-End Encryption",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
text: "Zero Latency",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-blue-purple-futuristic-sci-fi-techno-lights-cool-background_181624-57587.jpg?_wi=2",
|
||||
imageAlt: "tech dashboard dark",
|
||||
},
|
||||
title: "Global Connectivity", description: "Seamless communication anywhere in the world.", media: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-ferromagnetic-metal-with-red-orange-coloured-shades_23-2148253614.jpg", imageAlt: "Connectivity" },
|
||||
items: [{ icon: Shield, text: "End-to-End Encryption" }, { icon: Star, text: "Zero Latency" }],
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Legendary Features"
|
||||
description="We deliver unmatched technological performance to keep your business ahead of the curve."
|
||||
@@ -185,44 +98,15 @@ export default function LandingPage() {
|
||||
<ProductCardThree
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Legends Pro X",
|
||||
price: "$1,299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-data-technology-background-with-low-poly-plexus-design_1048-18066.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Apex Watch",
|
||||
price: "$499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309664.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sonic Buds",
|
||||
price: "$299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-headphones_23-2148868377.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Precision Mouse",
|
||||
price: "$149",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smart-speaker-home_23-2150171758.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ultra Tab",
|
||||
price: "$899",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tablet-with-blank-screen-chair_15879-289.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Vision VR",
|
||||
price: "$1,599",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/virtual-reality-headset-close-up_23-2148912802.jpg",
|
||||
},
|
||||
{ id: "1", name: "Legends Pro X", price: "$1,299", imageSrc: "http://img.b2bpic.net/free-photo/3d-data-technology-background-with-low-poly-plexus-design_1048-18066.jpg" },
|
||||
{ id: "2", name: "Apex Watch", price: "$499", imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309664.jpg" },
|
||||
{ id: "3", name: "Sonic Buds", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-headphones_23-2148868377.jpg" },
|
||||
{ id: "4", name: "Precision Mouse", price: "$149", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smart-speaker-home_23-2150171758.jpg" },
|
||||
{ id: "5", name: "Ultra Tab", price: "$899", imageSrc: "http://img.b2bpic.net/free-photo/tablet-with-blank-screen-chair_15879-289.jpg" },
|
||||
{ id: "6", name: "Vision VR", price: "$1,599", imageSrc: "http://img.b2bpic.net/free-photo/virtual-reality-headset-close-up_23-2148912802.jpg" }
|
||||
]}
|
||||
title="Elite Product Line"
|
||||
description="Premium tech hardware designed for those who demand excellence."
|
||||
@@ -232,29 +116,12 @@ export default function LandingPage() {
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
textboxLayout="default"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.9%",
|
||||
title: "System Uptime",
|
||||
description: "Reliability redefined.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904320.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50+",
|
||||
title: "Global Nodes",
|
||||
description: "Connected worldwide.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/screen-tech-desk-chart-bureau_1134-1408.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "1.2ms",
|
||||
title: "Latency",
|
||||
description: "Near instant speeds.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-lines_1127-44.jpg",
|
||||
},
|
||||
{ id: "m1", value: "99.9%", title: "System Uptime", description: "Reliability redefined.", imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904320.jpg" },
|
||||
{ id: "m2", value: "50+", title: "Global Nodes", description: "Connected worldwide.", imageSrc: "http://img.b2bpic.net/free-photo/screen-tech-desk-chart-bureau_1134-1408.jpg" },
|
||||
{ id: "m3", value: "1.2ms", title: "Latency", description: "Near instant speeds.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-lines_1127-44.jpg" }
|
||||
]}
|
||||
title="Measurable Results"
|
||||
description="Our impact speaks for itself."
|
||||
@@ -264,50 +131,16 @@ export default function LandingPage() {
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
textboxLayout="default"
|
||||
animationType="blur-reveal"
|
||||
showRating={true}
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Jenkins",
|
||||
handle: "@sjenkins",
|
||||
testimonial: "Legends has revolutionized our workflow.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-smartphone_23-2149396218.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus Thorne",
|
||||
handle: "@mthorne",
|
||||
testimonial: "Unparalleled speed and reliability.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-standing-bu-office-building_1303-31732.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rodriguez",
|
||||
handle: "@erod",
|
||||
testimonial: "A true partner in innovation.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-attractive-senior-gentleman-with-bald-head-gray-beard-posing-isolated-wearing-black-jacket-white-shirt-having-confident-look-grinning_343059-2305.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Chen",
|
||||
handle: "@dchen",
|
||||
testimonial: "Highly recommend for any scaling business.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-blue-suit-posing-gray_158538-4472.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Amelia White",
|
||||
handle: "@awhite",
|
||||
testimonial: "The best tech investment we made.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-working-computer-office_1303-22674.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Jenkins", handle: "@sjenkins", testimonial: "Legends has revolutionized our workflow.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-smartphone_23-2149396218.jpg" },
|
||||
{ id: "t2", name: "Marcus Thorne", handle: "@mthorne", testimonial: "Unparalleled speed and reliability.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-standing-bu-office-building_1303-31732.jpg" },
|
||||
{ id: "t3", name: "Elena Rodriguez", handle: "@erod", testimonial: "A true partner in innovation.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-attractive-senior-gentleman-with-bald-head-gray-beard-posing-isolated-wearing-black-jacket-white-shirt-having-confident-look-grinning_343059-2305.jpg" },
|
||||
{ id: "t4", name: "David Chen", handle: "@dchen", testimonial: "Highly recommend for any scaling business.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-blue-suit-posing-gray_158538-4472.jpg" },
|
||||
{ id: "t5", name: "Amelia White", handle: "@awhite", testimonial: "The best tech investment we made.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-working-computer-office_1303-22674.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Trusted by Leaders"
|
||||
description="See why industry giants choose Legends."
|
||||
/>
|
||||
@@ -316,36 +149,22 @@ export default function LandingPage() {
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
faqsAnimation="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I get started?",
|
||||
content: "Contact our sales team via the form below.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is support available 24/7?",
|
||||
content: "Yes, our priority support team is available anytime.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I scale my plan?",
|
||||
content: "Our plans are built to grow with your business needs.",
|
||||
},
|
||||
{ id: "f1", title: "How do I get started?", content: "Contact our sales team via the form below." },
|
||||
{ id: "f2", title: "Is support available 24/7?", content: "Yes, our priority support team is available anytime." },
|
||||
{ id: "f3", title: "Can I scale my plan?", content: "Our plans are built to grow with your business needs." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Clear answers for our partners."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Ready to build your legend? Let's discuss your vision today."
|
||||
/>
|
||||
</div>
|
||||
@@ -353,42 +172,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "About", href: "#about" }, { label: "Features", href: "#features" }] },
|
||||
{ items: [{ label: "Products", href: "#products" }, { label: "Support", href: "#" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
logoText="LEGENDS"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user