Compare commits
7 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 1995feb3be | |||
| 1618cdccba | |||
| ae5c43088f | |||
| 80d40e98e1 | |||
| aa4b8663f1 | |||
| 391a68002d | |||
| e4d3c12e8d |
210
src/app/page.tsx
210
src/app/page.tsx
@@ -2,13 +2,11 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import TeamCardTen from '@/components/sections/team/TeamCardTen';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import { Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -29,18 +27,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Specs",
|
||||
id: "specs",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Product", id: "product" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
]}
|
||||
brandName="QiCharge"
|
||||
/>
|
||||
@@ -48,196 +37,57 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Precision Engineered Power"
|
||||
description="Experience the future of wireless charging with the Qi2-certified station, combining architectural design with uncompromising performance."
|
||||
tag="Qi2 Certified Tech"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BxrCcFlPVvjGJSY73EGQqlhrwQ/uploaded-1775441448924-xd0tnx16.jpg?_wi=1",
|
||||
imageAlt: "Product",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/isolated-shot-grey-disk-object-white-background_187299-46751.jpg",
|
||||
imageAlt: "Device Close up",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-electric-car-charging-parking-lot_23-2148972400.jpg",
|
||||
imageAlt: "Precision detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-playing-with-her-phone_23-2150455243.jpg",
|
||||
imageAlt: "Desk integration",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tp-view-hand-with-phone_23-2148826028.jpg",
|
||||
imageAlt: "Charging action",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BxrCcFlPVvjGJSY73EGQqlhrwQ/uploaded-1775441448924-xd0tnx16.jpg?_wi=1", imageAlt: "Product" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/isolated-shot-grey-disk-object-white-background_187299-46751.jpg?_wi=1", imageAlt: "Device Close up" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-electric-car-charging-parking-lot_23-2148972400.jpg", imageAlt: "Precision detail" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
tagIcon={Zap}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardTwo
|
||||
title="Buy Now"
|
||||
description="Select your preference and secure your QiCharge station today."
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-actions"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", brand: "QiCharge", name: "Standard Edition", price: "$89", rating: 5, reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/isolated-shot-grey-disk-object-white-background_187299-46751.jpg?_wi=2" },
|
||||
{ id: "p2", brand: "QiCharge", name: "Pro Edition", price: "$129", rating: 5, reviewCount: "256", imageSrc: "http://img.b2bpic.net/free-photo/isolated-shot-grey-disk-object-white-background_187299-46751.jpg?_wi=3" }
|
||||
]}
|
||||
buttons={[{ text: "Buy Now" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Magnetic Alignment",
|
||||
author: "Pro Tech",
|
||||
description: "Perfect magnetic coupling ensures maximum efficiency every time.",
|
||||
tags: [
|
||||
"Qi2",
|
||||
"Magnetic",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-escalator-stairs_1339-1234.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Thermal Management",
|
||||
author: "Pro Tech",
|
||||
description: "Patented cooling technology to maintain charge speeds for longer.",
|
||||
tags: [
|
||||
"Cooling",
|
||||
"Efficient",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-cyber-technology-with-flowing-particles_1048-12732.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Minimalist Design",
|
||||
author: "Pro Tech",
|
||||
description: "Crafted to complement the modern desktop environment.",
|
||||
tags: [
|
||||
"Aesthetic",
|
||||
"Aluminum",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-office-with-analytics-diagrams-screen-running-economy-statistics-computers-business-space-startup-company-with-research-plans-charts-late-night-handheld-shot_482257-65066.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Magnetic Alignment", author: "Pro Tech", description: "Perfect magnetic coupling ensures maximum efficiency.", tags: ["Qi2", "Magnetic"], imageSrc: "http://img.b2bpic.net/free-photo/empty-escalator-stairs_1339-1234.jpg" },
|
||||
]}
|
||||
title="Engineering Excellence"
|
||||
description="Built from industrial-grade aluminum with a focus on thermals and magnetic precision."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Rivers",
|
||||
handle: "@alextech",
|
||||
testimonial: "The best magnetic alignment I've tested on any charger.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-elegant-male-eyeglasses-dressed-dark-blue-suit-with-bow-tie-grey-vignette-background_613910-631.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Chen",
|
||||
handle: "@schen_dev",
|
||||
testimonial: "Finally, a charger that doesn't overheat my phone during long sessions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-beautiful-brunette-female-wearing-working-clothes-apron-standing-workshop_613910-5811.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Marcus Thorne",
|
||||
handle: "@mthorne",
|
||||
testimonial: "A piece of art that happens to charge perfectly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67066.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena V.",
|
||||
handle: "@elena_v",
|
||||
testimonial: "Solid build quality, premium look and feel.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1083.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jared D.",
|
||||
handle: "@jared_d",
|
||||
testimonial: "Consistent, fast, and looks amazing on my desk.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-dj-grey-suit-listening-headphones-enjoying-music_114579-15960.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
title="Industry Verified"
|
||||
description="Loved by power users, engineers, and design enthusiasts globally."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTen
|
||||
useInvertedBackground={false}
|
||||
title="The Engineering Team"
|
||||
tag="Meet the Makers"
|
||||
membersAnimation="slide-up"
|
||||
memberVariant="card"
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "David Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-elegant-male-eyeglasses-dressed-dark-blue-suit-with-bow-tie-grey-vignette-background_613910-631.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Sarah Jenkins",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-beautiful-brunette-female-wearing-working-clothes-apron-standing-workshop_613910-5811.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Marcus Wong",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67066.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
name: "Elena Rodriguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1083.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
name: "Jared Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-dj-grey-suit-listening-headphones-enjoying-music_114579-15960.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Stay Informed"
|
||||
title="Join the Elite List"
|
||||
description="Be the first to hear about future product drops and technical updates."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BxrCcFlPVvjGJSY73EGQqlhrwQ/uploaded-1775441448924-xd0tnx16.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
description="Built from industrial-grade aluminum with a focus on thermals."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="QiCharge"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Terms of Service", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user