Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| f7eb427881 | |||
| 9c71480ba8 | |||
| be72577045 | |||
| 6ad0e99f25 | |||
| 93b97dd0fb | |||
| 0f725e198a |
507
src/app/page.tsx
507
src/app/page.tsx
@@ -2,17 +2,16 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Shield, Star, Zap } from "lucide-react";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import HeroPersonalLinks from '@/components/sections/hero/HeroPersonalLinks';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import { Target, Shield } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -20,412 +19,106 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="mediumLarge"
|
||||
background="fluid"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="light"
|
||||
contentWidth="medium"
|
||||
sizing="large"
|
||||
background="noise"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Vision Power Strike"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[{name: "About", id: "#about"}, {name: "Features", id: "#features"}, {name: "Contact", id: "#contact"}]}
|
||||
brandName="Vision Power Strike"
|
||||
button={{text: "Get Started", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Precision Power, Perfect Vision."
|
||||
description="Unleash the full potential of your operations with Vision Power Strike. Cutting-edge optical precision engineered for the modern era."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-leak-effect-black-wallpaper-background_53876-105977.jpg",
|
||||
imageAlt: "Lens performance",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-blurred-spots-black-screen_23-2148241362.jpg",
|
||||
imageAlt: "Lens precision",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-yellow-light_23-2149679106.jpg",
|
||||
imageAlt: "Lens energy",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/prism-dispersing-light-concept_23-2148599229.jpg",
|
||||
imageAlt: "Lens focus",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-lens-flare-with-hexagon-ghost-design-element_53876-105284.jpg",
|
||||
imageAlt: "Lens clarity",
|
||||
},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/e-commerce-expert-connecting-social-media-web-platforms_482257-127183.jpg",
|
||||
imageAlt: "Light beam",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-light-black-background_23-2148132709.jpg",
|
||||
imageAlt: "Beam strike",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/remote-worker-home-watching-business-conference-pc-monitor-looking-statistics_482257-135558.jpg",
|
||||
imageAlt: "Optical flow",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-purple-sunburst-lighting-effect_53876-103026.jpg",
|
||||
imageAlt: "Precision strike",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-blurry-lights-background_23-2147815419.jpg",
|
||||
imageAlt: "Energy surge",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/photo-with-white-sunburst-sparkling-lens-flare_53876-104435.jpg",
|
||||
alt: "Team member 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lighst-effect-background_1122-378.jpg",
|
||||
alt: "Team member 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/photo-with-white-sunburst-sparkling-lens-flare_53876-103024.jpg",
|
||||
alt: "Team member 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-blue-lens-flare-with-spectrum-ghost-design-element_53876-129026.jpg",
|
||||
alt: "Team member 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blue-technology-background_1017-3288.jpg",
|
||||
alt: "Team member 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ global experts"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "ISO Certified",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "High Performance",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Optical Excellence",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Support",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Engineering",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroPersonalLinks
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Vision Power Strike"
|
||||
linkCards={[
|
||||
{ title: "Optical Strikers", description: "High-precision equipment for mission-critical tasks.", button: { text: "Learn More" } },
|
||||
{ title: "Performance Specs", description: "Engineered for durability and absolute accuracy.", button: { text: "View Specs" } }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Future of ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-making-eye-glasses_23-2148919991.jpg",
|
||||
alt: "Optical innovation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " Optical Performance.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
title="Precision Redefined"
|
||||
description="Vision Power Strike combines cutting-edge optical engineering with rugged field reliability. We deliver the tools that set the standard for performance."
|
||||
metrics={[{ value: "10k+", title: "Units Deployed" }, { value: "99.9%", title: "Success Rate" }]}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Extreme Precision",
|
||||
description: "Micro-level accuracy for every application.",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Robust Reliability",
|
||||
description: "Built to withstand the toughest demands.",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
title: "Advanced Optics",
|
||||
description: "Next-generation lens technology.",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Power Strike?"
|
||||
description="Unmatched reliability and high-performance engineering tailored for critical precision environments."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
title="Engineering Excellence"
|
||||
description="Built for those who demand the impossible."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Tactical Focus", description: "Advanced lens technology for superior clarity.", media: { imageSrc: "http://img.b2bpic.net/free-photo/technology-microchip-background_23-2148858801.jpg?_wi=1" }, items: [{ icon: Target, text: "Precision optics" }], reverse: false },
|
||||
{ title: "Built Tough", description: "Designed to withstand the most extreme conditions.", media: { imageSrc: "http://img.b2bpic.net/free-photo/technology-microchip-background_23-2148858801.jpg?_wi=2" }, items: [{ icon: Shield, text: "Military grade" }], reverse: true }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "VPS",
|
||||
name: "Strike One",
|
||||
price: "$2,999",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-technologies-factory_1098-13994.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "VPS",
|
||||
name: "Strike Pro",
|
||||
price: "$4,499",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599384.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "VPS",
|
||||
name: "Strike Ultra",
|
||||
price: "$6,999",
|
||||
rating: 5,
|
||||
reviewCount: "42",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-ophthalmologist-s-office_23-2150917639.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "VPS",
|
||||
name: "Strike Elite",
|
||||
price: "$8,299",
|
||||
rating: 5,
|
||||
reviewCount: "30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/optometrist-choosing-lenses-testing-patient_23-2149230051.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "VPS",
|
||||
name: "Strike Core",
|
||||
price: "$3,599",
|
||||
rating: 5,
|
||||
reviewCount: "65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599398.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "VPS",
|
||||
name: "Strike Nano",
|
||||
price: "$2,199",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-operating-industrial-machine-setting-parameters-computer_342744-133.jpg",
|
||||
},
|
||||
]}
|
||||
title="Performance Products"
|
||||
description="Discover our collection of specialized optical strikers."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
title="Performance Metrics"
|
||||
tag="Proven Results"
|
||||
metrics={[{ id: "1", value: "500ms", description: "Response latency" }, { id: "2", value: "15km", description: "Optical range" }]}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.9%",
|
||||
title: "Precision Rate",
|
||||
items: [
|
||||
"Certified accuracy",
|
||||
"ISO standards",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
title: "Support Availability",
|
||||
items: [
|
||||
"Expert assistance",
|
||||
"Global access",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500+",
|
||||
title: "Successful Missions",
|
||||
items: [
|
||||
"Critical deployments",
|
||||
"Industry leading",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Proven Performance"
|
||||
description="Numbers speak for our quality standards."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
title="Trusted by Professionals"
|
||||
description="See what our industry partners are saying."
|
||||
showRating={true}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[{ id: "1", name: "Alex Vance", handle: "@ops_lead", testimonial: "The precision of this equipment is unparalleled in the field.", rating: 5 }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manufacturing-analyst-reviewing-solar-panel-production-workflow_482257-125954.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Charlie S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-business-man-looking-through-window_1262-3801.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Diana K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ethan P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="Client Voices"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
title="Common Inquiries"
|
||||
description="Frequently asked questions about our technology."
|
||||
faqs={[{ id: "1", title: "How is the calibration done?", content: "Automated factory calibration ensures consistent performance out of the box." }]}
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What makes the Power Strike unique?",
|
||||
content: "Our proprietary lens technology provides unparalleled focus.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How is the installation handled?",
|
||||
content: "We provide full professional installation with every unit.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are there service plans available?",
|
||||
content: "Yes, we offer comprehensive service and maintenance plans.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/film-rolls-amidst-retro-cameras_23-2147852477.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Need Help?"
|
||||
description="Find answers to our most common questions about the Power Strike technology."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Let's Connect"
|
||||
title="Ready for the Next Level?"
|
||||
description="Reach out to our engineering team to discuss your specific requirements."
|
||||
buttons={[{ text: "Contact Our Team", href: "#contact" }]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
text="Ready to strike with precision? Let's discuss your next project today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@visionpowerstrike.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Vision Power Strike"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Vision Power Strike"
|
||||
columns={[{ items: [{ label: "Home" }, { label: "Legal" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user