Merge version_1 into main #2
@@ -7,37 +7,29 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
|
||||
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "/product",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "/faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Products", id: "/product" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "FAQ", id: "/faq" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Trackly"
|
||||
/>
|
||||
@@ -48,8 +40,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Our Mission"
|
||||
description={[
|
||||
"Trackly was born to ensure you never lose touch with what matters most. We believe in high-tech, accessible solutions.",
|
||||
]}
|
||||
"Trackly was born to ensure you never lose touch with what matters most. We believe in high-tech, accessible solutions."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -62,20 +53,8 @@ export default function LandingPage() {
|
||||
title="Our Team"
|
||||
description="Meet the minds behind Trackly."
|
||||
members={[
|
||||
{
|
||||
id: "tm1",
|
||||
name: "Alex Smith",
|
||||
role: "CEO",
|
||||
description: "Tech visionary.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-business-man-standing-outside_1262-3488.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "tm2",
|
||||
name: "Jordan Lee",
|
||||
role: "Lead Engineer",
|
||||
description: "Hardware expert.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-athlete-with-earphones-leaning-bridge_1262-5513.jpg?_wi=3",
|
||||
},
|
||||
{ id: "tm1", name: "Alex Smith", role: "CEO", description: "Tech visionary.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-business-man-standing-outside_1262-3488.jpg" },
|
||||
{ id: "tm2", name: "Jordan Lee", role: "Lead Engineer", description: "Hardware expert.", imageSrc: "http://img.b2bpic.net/free-photo/serious-athlete-with-earphones-leaning-bridge_1262-5513.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -83,45 +62,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Tracker",
|
||||
href: "/product",
|
||||
},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Product", items: [{ label: "Tracker", href: "/product" }, { label: "Features", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "FAQ", href: "/faq" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 TracklyHub"
|
||||
bottomRightText="Built with love."
|
||||
|
||||
@@ -8,37 +8,29 @@ import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import { Clock, Headphones } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "/product",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "/faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Products", id: "/product" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "FAQ", id: "/faq" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Trackly"
|
||||
/>
|
||||
@@ -47,9 +39,7 @@ export default function LandingPage() {
|
||||
<div id="contact-section" data-section="contact-section">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Contact"
|
||||
title="Get in touch"
|
||||
description="Have questions? We're here to help."
|
||||
@@ -64,18 +54,8 @@ export default function LandingPage() {
|
||||
title="Support Availability"
|
||||
description="We are available 24/7."
|
||||
metrics={[
|
||||
{
|
||||
id: "c-1",
|
||||
icon: Clock,
|
||||
title: "Avg Response Time",
|
||||
value: "2h",
|
||||
},
|
||||
{
|
||||
id: "c-2",
|
||||
icon: Headphones,
|
||||
title: "Support Channels",
|
||||
value: "4",
|
||||
},
|
||||
{ id: "c-1", icon: Clock, title: "Avg Response Time", value: "2h" },
|
||||
{ id: "c-2", icon: Headphones, title: "Support Channels", value: "4" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -83,45 +63,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Tracker",
|
||||
href: "/product",
|
||||
},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Product", items: [{ label: "Tracker", href: "/product" }, { label: "Features", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "FAQ", href: "/faq" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 TracklyHub"
|
||||
bottomRightText="Built with love."
|
||||
|
||||
@@ -7,37 +7,29 @@ import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function FaqPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "/product",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "/faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Products", id: "/product" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "FAQ", id: "/faq" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Trackly"
|
||||
/>
|
||||
@@ -48,26 +40,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How does it track?",
|
||||
content: "Uses Bluetooth and GPS signals.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Waterproof?",
|
||||
content: "Yes, IP67 rated.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Subscription?",
|
||||
content: "No hidden fees.",
|
||||
},
|
||||
{ id: "q1", title: "How does it track?", content: "Uses Bluetooth and GPS signals." },
|
||||
{ id: "q2", title: "Waterproof?", content: "Yes, IP67 rated." },
|
||||
{ id: "q3", title: "Subscription?", content: "No hidden fees." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
description="Find answers to frequently asked questions about our trackers."
|
||||
imageSrc="http://img.b2bpic.net/free-vector/gradient-hub-logo-design_23-2149856797.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-vector/gradient-hub-logo-design_23-2149856797.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -78,16 +58,8 @@ export default function LandingPage() {
|
||||
sideTitle="Still need help?"
|
||||
sideDescription="Reach out to our support team."
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "Return policy?",
|
||||
content: "30-day money back.",
|
||||
},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "Shipping time?",
|
||||
content: "3-5 business days.",
|
||||
},
|
||||
{ id: "faq-1", title: "Return policy?", content: "30-day money back." },
|
||||
{ id: "faq-2", title: "Shipping time?", content: "3-5 business days." }
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
@@ -96,45 +68,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Tracker",
|
||||
href: "/product",
|
||||
},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Product", items: [{ label: "Tracker", href: "/product" }, { label: "Features", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "FAQ", href: "/faq" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 TracklyHub"
|
||||
bottomRightText="Built with love."
|
||||
|
||||
208
src/app/page.tsx
208
src/app/page.tsx
@@ -17,31 +17,23 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "/product",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "/faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Products", id: "/product" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "FAQ", id: "/faq" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Trackly"
|
||||
/>
|
||||
@@ -49,22 +41,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
logoText="Trackly"
|
||||
description="Never Lose What Matters Again. Experience peace of mind with the world's most advanced smart Bluetooth GPS tracker."
|
||||
buttons={[
|
||||
{
|
||||
text: "Buy Now",
|
||||
href: "/product",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "/about",
|
||||
},
|
||||
{ text: "Buy Now", href: "/product" },
|
||||
{ text: "Learn More", href: "/about" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-tampon-pattern_23-2148163081.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-tampon-pattern_23-2148163081.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -76,26 +60,10 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Real-time tracking",
|
||||
description: "Pinpoint location with precision.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/set-neon-christmas-elements_23-2147729663.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "Long battery life",
|
||||
description: "Lasts weeks on a single charge.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/futuristic-inforgraphic-element-collection_52683-26043.jpg",
|
||||
},
|
||||
{
|
||||
title: "Works worldwide",
|
||||
description: "Global connectivity guaranteed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-hub-logo-design_23-2149856797.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "Easy to use",
|
||||
description: "Setup in seconds via our app.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/set-neon-christmas-elements_23-2147729663.jpg?_wi=2",
|
||||
},
|
||||
{ title: "Real-time tracking", description: "Pinpoint location with precision.", imageSrc: "http://img.b2bpic.net/free-vector/set-neon-christmas-elements_23-2147729663.jpg" },
|
||||
{ title: "Long battery life", description: "Lasts weeks on a single charge.", imageSrc: "http://img.b2bpic.net/free-vector/futuristic-inforgraphic-element-collection_52683-26043.jpg" },
|
||||
{ title: "Works worldwide", description: "Global connectivity guaranteed.", imageSrc: "http://img.b2bpic.net/free-vector/gradient-hub-logo-design_23-2149856797.jpg" },
|
||||
{ title: "Easy to use", description: "Setup in seconds via our app.", imageSrc: "http://img.b2bpic.net/free-vector/set-neon-christmas-elements_23-2147729663.jpg" }
|
||||
]}
|
||||
title="Built for Everything"
|
||||
description="From your beloved pets to your essential belongings, Trackly keeps you connected."
|
||||
@@ -107,46 +75,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Great!",
|
||||
quote: "I found my dog in seconds.",
|
||||
name: "Sarah J.",
|
||||
role: "Pet Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-business-man-standing-outside_1262-3488.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Amazing",
|
||||
quote: "Perfect for my overseas trips.",
|
||||
name: "Mark D.",
|
||||
role: "Traveler",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-dog-outside_23-2149003357.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Life Saver",
|
||||
quote: "Never lost my keys again.",
|
||||
name: "Emily K.",
|
||||
role: "Design Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-young-girl-dressed-up-leather-jacket-seat-bench-near-pier-lake_231208-6617.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Awesome",
|
||||
quote: "The battery life is unmatched.",
|
||||
name: "David W.",
|
||||
role: "Engineer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-athlete-with-earphones-leaning-bridge_1262-5513.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Essential",
|
||||
quote: "I can't imagine my life without it now.",
|
||||
name: "Alex R.",
|
||||
role: "Cyclist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-athlete-with-earphones-leaning-bridge_1262-5513.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", title: "Great!", quote: "I found my dog in seconds.", name: "Sarah J.", role: "Pet Owner", imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-business-man-standing-outside_1262-3488.jpg" },
|
||||
{ id: "2", title: "Amazing", quote: "Perfect for my overseas trips.", name: "Mark D.", role: "Traveler", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-dog-outside_23-2149003357.jpg" },
|
||||
{ id: "3", title: "Life Saver", quote: "Never lost my keys again.", name: "Emily K.", role: "Design Lead", imageSrc: "http://img.b2bpic.net/free-photo/cute-young-girl-dressed-up-leather-jacket-seat-bench-near-pier-lake_231208-6617.jpg" },
|
||||
{ id: "4", title: "Awesome", quote: "The battery life is unmatched.", name: "David W.", role: "Engineer", imageSrc: "http://img.b2bpic.net/free-photo/serious-athlete-with-earphones-leaning-bridge_1262-5513.jpg" },
|
||||
{ id: "5", title: "Essential", quote: "I can't imagine my life without it now.", name: "Alex R.", role: "Cyclist", imageSrc: "http://img.b2bpic.net/free-photo/serious-athlete-with-earphones-leaning-bridge_1262-5513.jpg" }
|
||||
]}
|
||||
title="Loved by Thousands"
|
||||
description="See why people trust Trackly for their pets and personal belongings."
|
||||
@@ -161,18 +94,8 @@ export default function LandingPage() {
|
||||
title="Why Choose Us"
|
||||
description="Evidence of our commitment to tracking excellence."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: MapPin,
|
||||
title: "Locations Tracked",
|
||||
value: "1M+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Activity,
|
||||
title: "Battery Life (Days)",
|
||||
value: "30+",
|
||||
},
|
||||
{ id: "m1", icon: MapPin, title: "Locations Tracked", value: "1M+" },
|
||||
{ id: "m2", icon: Activity, title: "Battery Life (Days)", value: "30+" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -185,39 +108,8 @@ export default function LandingPage() {
|
||||
title="Simple Pricing"
|
||||
description="Choose the tracker that fits your lifestyle."
|
||||
plans={[
|
||||
{
|
||||
id: "pl1",
|
||||
badge: "Essential",
|
||||
price: "$29",
|
||||
subtitle: "Perfect for essentials",
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Bluetooth tracking",
|
||||
"Waterproof",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pl2",
|
||||
badge: "Pro",
|
||||
price: "$49",
|
||||
subtitle: "For global travelers",
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"GPS tracking",
|
||||
"Global coverage",
|
||||
"Extended battery",
|
||||
],
|
||||
},
|
||||
{ id: "pl1", badge: "Essential", price: "$29", subtitle: "Perfect for essentials", buttons: [{ text: "Get Started", href: "#" }], features: ["Bluetooth tracking", "Waterproof"] },
|
||||
{ id: "pl2", badge: "Pro", price: "$49", subtitle: "For global travelers", buttons: [{ text: "Get Started", href: "#" }], features: ["GPS tracking", "Global coverage", "Extended battery"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -225,45 +117,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Tracker",
|
||||
href: "/product",
|
||||
},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Product", items: [{ label: "Tracker", href: "/product" }, { label: "Features", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "FAQ", href: "/faq" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 TracklyHub"
|
||||
bottomRightText="Built with love."
|
||||
|
||||
@@ -8,37 +8,29 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
|
||||
import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
|
||||
import { ShoppingBag, Star } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ProductPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "/product",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "/faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Products", id: "/product" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "FAQ", id: "/faq" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Trackly"
|
||||
/>
|
||||
@@ -48,27 +40,9 @@ export default function LandingPage() {
|
||||
<ProductCatalog
|
||||
layout="page"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Trackly Pro",
|
||||
price: "$49",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tampon-pattern_23-2148163081.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Trackly Pet",
|
||||
price: "$39",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tampon-pattern_23-2148163081.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Trackly Mini",
|
||||
price: "$29",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tampon-pattern_23-2148163081.jpg?_wi=4",
|
||||
},
|
||||
{ id: "p1", name: "Trackly Pro", price: "$49", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-tampon-pattern_23-2148163081.jpg" },
|
||||
{ id: "p2", name: "Trackly Pet", price: "$39", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-tampon-pattern_23-2148163081.jpg" },
|
||||
{ id: "p3", name: "Trackly Mini", price: "$29", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/top-view-tampon-pattern_23-2148163081.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -81,18 +55,8 @@ export default function LandingPage() {
|
||||
title="Catalog Stats"
|
||||
description="Our product performance metrics."
|
||||
metrics={[
|
||||
{
|
||||
id: "p-1",
|
||||
icon: Star,
|
||||
title: "Customer Rating",
|
||||
value: "4.9/5",
|
||||
},
|
||||
{
|
||||
id: "p-2",
|
||||
icon: ShoppingBag,
|
||||
title: "Products Sold",
|
||||
value: "50k+",
|
||||
},
|
||||
{ id: "p-1", icon: Star, title: "Customer Rating", value: "4.9/5" },
|
||||
{ id: "p-2", icon: ShoppingBag, title: "Products Sold", value: "50k+" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -100,45 +64,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Tracker",
|
||||
href: "/product",
|
||||
},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Product", items: [{ label: "Tracker", href: "/product" }, { label: "Features", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "FAQ", href: "/faq" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 TracklyHub"
|
||||
bottomRightText="Built with love."
|
||||
|
||||
Reference in New Issue
Block a user