Merge version_4 into main #4
184
src/app/page.tsx
184
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { CreditCard, Wallet, Landmark } from "lucide-react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||||
@@ -31,14 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Shop", id: "products" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Payment Methods", id: "payment" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Precision Tech"
|
||||
/>
|
||||
@@ -49,27 +47,12 @@ export default function LandingPage() {
|
||||
title="Elevate Your Digital Life with Precision Tech"
|
||||
description="Premium smart devices designed for the future. Experience unmatched performance, elegant design, and seamless connectivity at your fingertips."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now", href: "#products"},
|
||||
{
|
||||
text: "Learn More", href: "#about"},
|
||||
{ text: "Shop Now", href: "#products" },
|
||||
{ text: "Learn More", href: "#about" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-103096.jpg?_wi=1"
|
||||
imageAlt="electronics display dark background neon yellow"
|
||||
showDimOverlay={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-uv-ultraviolet-light-composition_23-2149243972.jpg", alt: "Abstract uv ultraviolet light composition"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074251.jpg", alt: "Wireless earbuds with neon cyberpunk style lighting"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-neon-lights-background_23-2150710757.jpg", alt: "3d neon lights background"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349222.jpg", alt: "Neon robot vacuum cleaner"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cropped-photo-afro-american-muscular-man-checking-time_171337-9264.jpg", alt: "Cropped photo of afro american muscular man checking time"},
|
||||
]}
|
||||
avatarText="Join 10,000+ tech pioneers"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -77,33 +60,39 @@ export default function LandingPage() {
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Innovation at Core"
|
||||
description="At Precision Tech, we redefine the boundaries of personal technology. Our products are crafted to blend cutting-edge performance with aesthetic elegance, ensuring you not only stay connected but do so in style."
|
||||
description="At Precision Tech, we redefine the boundaries of personal technology. Our products are crafted to blend cutting-edge performance with aesthetic elegance."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139294.jpg?_wi=1"
|
||||
imageAlt="futuristic electronic circuit close up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="payment" data-section="payment">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Globally Accessible Payments"
|
||||
description="We offer a seamless checkout experience with support for major global payment methods, ensuring convenience no matter where you are."
|
||||
features={[
|
||||
{ id: "p1", title: "Major Credit Cards", descriptions: ["Secure and instant processing for Visa, Mastercard, and Amex."], imageSrc: "" },
|
||||
{ id: "p2", title: "Digital Wallets", descriptions: ["One-tap checkout with Apple Pay, Google Pay, and PayPal."], imageSrc: "" },
|
||||
{ id: "p3", title: "International Transfers", descriptions: ["Robust support for global banking networks and local transfer options."], imageSrc: "" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1", title: "Precision Health Tracking", descriptions: [
|
||||
"Advanced sensors for 24/7 wellness monitoring."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/active-woman-using-digital-device_53876-30638.jpg?_wi=1"},
|
||||
{
|
||||
id: "f2", title: "Immersive Sound Fidelity", descriptions: [
|
||||
"Crystal clear audio engineered for studio-like quality."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-silver-headphones-black-textile_417767-485.jpg?_wi=1"},
|
||||
{
|
||||
id: "f3", title: "Unified Ecosystem", descriptions: [
|
||||
"Seamless sync across your devices for daily ease."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-photo-camera-still-life_23-2150630671.jpg"},
|
||||
{ id: "f1", title: "Precision Health Tracking", descriptions: ["Advanced sensors for 24/7 wellness monitoring."], imageSrc: "http://img.b2bpic.net/free-photo/active-woman-using-digital-device_53876-30638.jpg?_wi=1" },
|
||||
{ id: "f2", title: "Immersive Sound Fidelity", descriptions: ["Crystal clear audio engineered for studio-like quality."], imageSrc: "http://img.b2bpic.net/free-photo/black-silver-headphones-black-textile_417767-485.jpg?_wi=1" },
|
||||
{ id: "f3", title: "Unified Ecosystem", descriptions: ["Seamless sync across your devices for daily ease."], imageSrc: "http://img.b2bpic.net/free-photo/high-angle-photo-camera-still-life_23-2150630671.jpg" },
|
||||
]}
|
||||
title="Engineered for Excellence"
|
||||
description="Explore the advanced capabilities built into every device we offer, pushing the limits of current tech."
|
||||
description="Explore the advanced capabilities built into every device we offer."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -114,24 +103,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1", brand: "Volt", name: "Elite Watch Pro", price: "$299", rating: 5,
|
||||
reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/man-using-smart-watch-express-pay_1170-2054.jpg"},
|
||||
{
|
||||
id: "p2", brand: "Sonic", name: "Studio Headphones", price: "$349", rating: 5,
|
||||
reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722694.jpg"},
|
||||
{
|
||||
id: "p3", brand: "Echo", name: "Pure Speaker", price: "$199", rating: 4,
|
||||
reviewCount: "56", imageSrc: "http://img.b2bpic.net/free-photo/woman-meditating-with-smart-speaker-high-angle_23-2149936254.jpg"},
|
||||
{
|
||||
id: "p4", brand: "Sonic", name: "Noise Canceller", price: "$449", rating: 5,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-technology-background_23-2148882636.jpg"},
|
||||
{
|
||||
id: "p5", brand: "Volt", name: "Daily Tracker", price: "$149", rating: 4,
|
||||
reviewCount: "43", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-s-hand-with-stylish-watch-sleeve_8353-10475.jpg"},
|
||||
{
|
||||
id: "p6", brand: "Sonic", name: "Wireless X", price: "$249", rating: 5,
|
||||
reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/headphones-near-vinyl-disc-with-fingerprint_23-2147781811.jpg"},
|
||||
{ id: "p1", brand: "Volt", name: "Elite Watch Pro", price: "$299", rating: 5, reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/man-using-smart-watch-express-pay_1170-2054.jpg" },
|
||||
{ id: "p2", brand: "Sonic", name: "Studio Headphones", price: "$349", rating: 5, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722694.jpg" },
|
||||
{ id: "p3", brand: "Echo", name: "Pure Speaker", price: "$199", rating: 4, reviewCount: "56", imageSrc: "http://img.b2bpic.net/free-photo/woman-meditating-with-smart-speaker-high-angle_23-2149936254.jpg" },
|
||||
]}
|
||||
title="Latest Arrivals"
|
||||
description="Browse our curated selection of high-performance electronics."
|
||||
@@ -144,70 +118,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic", tag: "Essential", price: "$9", period: "/mo", description: "Standard updates and support.", button: {
|
||||
text: "Get Started"},
|
||||
featuresTitle: "Included features:", features: [
|
||||
"10% member discount", "Extended warranty", "Priority support"],
|
||||
},
|
||||
{
|
||||
id: "pro", tag: "Elite Member", price: "$19", period: "/mo", description: "Exclusive perks and early access.", button: {
|
||||
text: "Join Pro"},
|
||||
featuresTitle: "All basic features, plus:", features: [
|
||||
"30% member discount", "Free shipping on orders", "Early product access"],
|
||||
},
|
||||
{ id: "basic", tag: "Essential", price: "$9", period: "/mo", description: "Standard updates and support.", button: { text: "Get Started" }, featuresTitle: "Included features:", features: ["10% member discount", "Extended warranty"] },
|
||||
{ id: "pro", tag: "Elite", price: "$19", period: "/mo", description: "Exclusive perks and early access.", button: { text: "Join Pro" }, featuresTitle: "All basic features, plus:", features: ["30% member discount", "Free shipping"] },
|
||||
]}
|
||||
title="Flexible Membership"
|
||||
description="Join our ecosystem for exclusive benefits and early access."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Alex River", handle: "@ariver", testimonial: "The Elite Watch Pro changed how I track my fitness daily.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/techno-dots-abstract-background_1048-11978.jpg", imageAlt: "Techno dots abstract background"},
|
||||
{
|
||||
id: "t2", name: "Jordan P.", handle: "@jp_tech", testimonial: "Best headphones I have ever owned. Sound quality is unmatched.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-103096.jpg?_wi=2", imageAlt: "Techno dots abstract background"},
|
||||
{
|
||||
id: "t3", name: "Casey L.", handle: "@caseyl", testimonial: "Love the minimalist design of the Pure Speaker. Sounds incredible.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139294.jpg?_wi=2", imageAlt: "Techno dots abstract background"},
|
||||
{
|
||||
id: "t4", name: "Sam R.", handle: "@samr", testimonial: "Fastest shipping and premium support. VoltEdge rocks.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/active-woman-using-digital-device_53876-30638.jpg?_wi=2", imageAlt: "Techno dots abstract background"},
|
||||
{
|
||||
id: "t5", name: "Taylor B.", handle: "@tb_design", testimonial: "The ecosystem sync is flawless. Highly recommend.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-silver-headphones-black-textile_417767-485.jpg?_wi=2", imageAlt: "Techno dots abstract background"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Customer Stories"
|
||||
description="Hear what our global community of tech enthusiasts says."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "How long is the warranty?", content: "Every device comes with a standard 12-month limited warranty."},
|
||||
{
|
||||
id: "q2", title: "Do you offer international shipping?", content: "Yes, we ship to over 50 countries worldwide."},
|
||||
{
|
||||
id: "q3", title: "Can I return products?", content: "Returns are accepted within 30 days of purchase in original condition."},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
title="Common Questions"
|
||||
description="Quick answers to help you get the most out of your devices."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139294.jpg?_wi=3"
|
||||
imageAlt="futuristic electronic circuit close up"
|
||||
description="Join our ecosystem for exclusive benefits."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -216,38 +131,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Get in Touch"
|
||||
description="Have questions? Our support team is ready to assist."
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Email Address"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "How can we help?"}}
|
||||
inputs={[{ name: "name", type: "text", placeholder: "Your Name" }, { name: "email", type: "email", placeholder: "Email Address" }]}
|
||||
textarea={{ name: "message", placeholder: "How can we help?" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-office-equipment-blue-desk-generated-by-ai_188544-27062.jpg"
|
||||
imageAlt="minimalist tech workspace dark desk"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Store", items: [
|
||||
{
|
||||
label: "Shop All", href: "#products"},
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{ title: "Store", items: [{ label: "Shop All", href: "#products" }, { label: "About", href: "#about" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }] },
|
||||
]}
|
||||
logoText="Precision Tech"
|
||||
/>
|
||||
@@ -255,4 +149,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user