Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
307
src/app/page.tsx
307
src/app/page.tsx
@@ -10,7 +10,7 @@ import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { ThumbsUp, Truck, Users } from "lucide-react";
|
||||
|
||||
@@ -23,7 +23,7 @@ export default function LandingPage() {
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="grid"
|
||||
cardStyle="soft-shadow"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="semibold"
|
||||
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "shop",
|
||||
},
|
||||
{
|
||||
name: "Login",
|
||||
id: "login",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Premium Shop", id: "shop" },
|
||||
{ name: "Login", id: "login" },
|
||||
]}
|
||||
brandName="SubScribe"
|
||||
/>
|
||||
@@ -55,20 +43,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="Subscription Services Made Simple"
|
||||
description="Unlock premium benefits with our flexible subscription plans. Choose the plan that fits your lifestyle and start saving today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
text: "View Shop",
|
||||
href: "#shop",
|
||||
},
|
||||
{ text: "Get Started", href: "#pricing" },
|
||||
{ text: "View Premium Shop", href: "#shop" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/present-near-stamps-wood_23-2147786345.jpg"
|
||||
@@ -84,23 +64,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Seamless Delivery",
|
||||
description: "Get your favorite items delivered right to your door on your schedule.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-engaging-with-ai-chatbot-pc-isolated-display_482257-118991.jpg",
|
||||
imageAlt: "digital delivery graphic icon",
|
||||
},
|
||||
title: "Seamless Delivery", description: "Get your favorite items delivered right to your door on your schedule.", imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-engaging-with-ai-chatbot-pc-isolated-display_482257-118991.jpg", imageAlt: "digital delivery graphic icon"},
|
||||
{
|
||||
title: "Flexible Management",
|
||||
description: "Pause, cancel, or change your subscription preferences at any time effortlessly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freelancer-uses-virtual-assistant-via-artificial-intelligence-solutions_482257-123038.jpg",
|
||||
imageAlt: "subscription dashboard ui design",
|
||||
},
|
||||
title: "Flexible Management", description: "Pause, cancel, or change your subscription preferences at any time effortlessly.", imageSrc: "http://img.b2bpic.net/free-photo/freelancer-uses-virtual-assistant-via-artificial-intelligence-solutions_482257-123038.jpg", imageAlt: "subscription dashboard ui design"},
|
||||
{
|
||||
title: "Personalized Perks",
|
||||
description: "Enjoy member-only rewards tailored specifically to your preferences and usage.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/product-design-drawing-website-graphic_53876-120423.jpg",
|
||||
imageAlt: "customization options graphic",
|
||||
},
|
||||
title: "Personalized Perks", description: "Enjoy member-only rewards tailored specifically to your preferences and usage.", imageSrc: "http://img.b2bpic.net/free-photo/product-design-drawing-website-graphic_53876-120423.jpg", imageAlt: "customization options graphic"},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="We offer premium subscription experiences designed for simplicity and value."
|
||||
@@ -108,69 +76,18 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="shop" data-section="shop">
|
||||
<ProductCardTwo
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
textboxLayout="split-actions"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={true}
|
||||
title="Our Premium Selection"
|
||||
description="Explore our hand-picked, premium subscription boxes for a curated lifestyle experience."
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Essentials",
|
||||
name: "Daily Box",
|
||||
price: "$19/mo",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-round-mystery-box_23-2149516474.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Premium",
|
||||
name: "Wellness Pack",
|
||||
price: "$39/mo",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-holding-gift-boxes-happily_114579-26741.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Lifestyle",
|
||||
name: "Home Kit",
|
||||
price: "$49/mo",
|
||||
rating: 4,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-businessman-holding-brown-gift-box_1262-18123.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Essentials",
|
||||
name: "Office Box",
|
||||
price: "$29/mo",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-high-protein-vegan-meal_23-2149091296.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Premium",
|
||||
name: "Pro Pack",
|
||||
price: "$59/mo",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-kitchen-objects_23-2148835348.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Lifestyle",
|
||||
name: "Garden Kit",
|
||||
price: "$39/mo",
|
||||
rating: 4,
|
||||
reviewCount: "75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-eucalyptus-plant_23-2149200300.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Daily Essentials", price: "$19", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/top-view-round-mystery-box_23-2149516474.jpg" },
|
||||
{ id: "p2", name: "Wellness Premium", price: "$39", variant: "Deluxe", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-holding-gift-boxes-happily_114579-26741.jpg" },
|
||||
{ id: "p3", name: "Home Living Kit", price: "$49", variant: "Exclusive", imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-businessman-holding-brown-gift-box_1262-18123.jpg" }
|
||||
]}
|
||||
title="Our Subscription Collection"
|
||||
description="Browse our curated selection of subscription products ready for your home."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -181,55 +98,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$19/mo",
|
||||
subtitle: "Perfect for individuals starting out.",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select Plan",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"1 delivery per month",
|
||||
"Standard support",
|
||||
"Basic member perks",
|
||||
],
|
||||
id: "basic", badge: "Essential", price: "$19/mo", subtitle: "Perfect for individuals starting out.", buttons: [{ text: "Select Plan", href: "#" }],
|
||||
features: ["1 delivery per month", "Standard support", "Basic member perks"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Most Popular",
|
||||
price: "$39/mo",
|
||||
subtitle: "Best value for frequent users.",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select Plan",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"2 deliveries per month",
|
||||
"Priority support",
|
||||
"Member-only discounts",
|
||||
],
|
||||
id: "pro", badge: "Most Popular", price: "$39/mo", subtitle: "Best value for frequent users.", buttons: [{ text: "Select Plan", href: "#" }],
|
||||
features: ["2 deliveries per month", "Priority support", "Member-only discounts"],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Pro",
|
||||
price: "$79/mo",
|
||||
subtitle: "For power users and teams.",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select Plan",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Unlimited deliveries",
|
||||
"24/7 dedicated support",
|
||||
"Customized rewards",
|
||||
],
|
||||
id: "enterprise", badge: "Pro", price: "$79/mo", subtitle: "For power users and teams.", buttons: [{ text: "Select Plan", href: "#" }],
|
||||
features: ["Unlimited deliveries", "24/7 dedicated support", "Customized rewards"],
|
||||
},
|
||||
]}
|
||||
title="Choose Your Plan"
|
||||
@@ -243,46 +121,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice Johnson",
|
||||
handle: "@alicej",
|
||||
testimonial: "Amazing service, fast delivery and great perks!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Bob Smith",
|
||||
handle: "@bobsmith",
|
||||
testimonial: "The best value for my lifestyle. I recommend it.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Charlie Davis",
|
||||
handle: "@charlied",
|
||||
testimonial: "Customer support is top notch, always helpful.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Diana Prince",
|
||||
handle: "@dianap",
|
||||
testimonial: "I love the personalized rewards, totally worth it.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Edward Norton",
|
||||
handle: "@ednorton",
|
||||
testimonial: "Perfect integration, seamless billing experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Alice Johnson", handle: "@alicej", testimonial: "Amazing service, fast delivery and great perks!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg" },
|
||||
{ id: "t2", name: "Bob Smith", handle: "@bobsmith", testimonial: "The best value for my lifestyle. I recommend it.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Customer Reviews"
|
||||
@@ -297,27 +137,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
title: "Subscribers",
|
||||
description: "Joining the family.",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50k+",
|
||||
title: "Deliveries",
|
||||
description: "On time, every time.",
|
||||
icon: Truck,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
title: "Satisfaction",
|
||||
description: "Highly satisfied members.",
|
||||
icon: ThumbsUp,
|
||||
},
|
||||
{ id: "m1", value: "10k+", title: "Subscribers", description: "Joining the family.", icon: Users },
|
||||
{ id: "m2", value: "50k+", title: "Deliveries", description: "On time, every time.", icon: Truck },
|
||||
{ id: "m3", value: "99.9%", title: "Satisfaction", description: "Highly satisfied members.", icon: ThumbsUp },
|
||||
]}
|
||||
title="Key Achievements"
|
||||
description="Our growth reflects our commitment to excellence."
|
||||
@@ -329,21 +151,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Can I cancel anytime?",
|
||||
content: "Yes, you can manage your subscription and cancel whenever you like.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is delivery included?",
|
||||
content: "All subscription plans include free standard delivery.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How do rewards work?",
|
||||
content: "You accumulate reward points with every subscription month.",
|
||||
},
|
||||
{ id: "f1", title: "Can I cancel anytime?", content: "Yes, you can manage your subscription and cancel whenever you like." },
|
||||
{ id: "f2", title: "Is delivery included?", content: "All subscription plans include free standard delivery." },
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Got questions? We've got answers."
|
||||
@@ -354,17 +163,12 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Support"
|
||||
title="Need Assistance?"
|
||||
description="Our support team is available 24/7 to answer your questions."
|
||||
buttons={[
|
||||
{
|
||||
text: "Email Us",
|
||||
href: "mailto:support@subscribe.com",
|
||||
},
|
||||
{ text: "Email Us", href: "mailto:support@subscribe.com" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -375,45 +179,8 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beige-leaf-patterned-background-design-space_53876-129675.jpg"
|
||||
logoText="SubScribe"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "FAQ", href: "#faq" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user