Update src/app/page.tsx
This commit is contained in:
166
src/app/page.tsx
166
src/app/page.tsx
@@ -7,7 +7,7 @@ import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/F
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Award, ShieldCheck, Zap } from "lucide-react";
|
||||
@@ -31,27 +31,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Catalog",
|
||||
id: "products",
|
||||
},
|
||||
name: "Catalog", id: "products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="MobileHub"
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
}}
|
||||
text: "Shop Now", href: "#products"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -61,13 +51,9 @@ export default function LandingPage() {
|
||||
description="Discover the latest flagship smartphones and premium devices at unbeatable prices. Your upgrade starts here."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Catalog",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Catalog", href: "#products"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-connected-her-smartphone_23-2149233017.jpg"
|
||||
imageAlt="Premium smartphone display"
|
||||
@@ -82,19 +68,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Verified Quality",
|
||||
description: "Every device is rigorously tested.",
|
||||
},
|
||||
title: "Verified Quality", description: "Every device is rigorously tested."},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Lightning Fast",
|
||||
description: "Express delivery on all orders.",
|
||||
},
|
||||
title: "Lightning Fast", description: "Express delivery on all orders."},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Genuine Warranty",
|
||||
description: "Official support on every purchase.",
|
||||
},
|
||||
title: "Genuine Warranty", description: "Official support on every purchase."},
|
||||
]}
|
||||
title="Why Choose MobileHub?"
|
||||
description="We ensure you get only the best, most reliable devices with complete peace of mind."
|
||||
@@ -102,51 +82,27 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Titan Pro X",
|
||||
price: "$999",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5201.jpg",
|
||||
},
|
||||
id: "p1", brand: "Titan", name: "Titan Pro X", price: "$999", rating: 5,
|
||||
reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5201.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Glory 14",
|
||||
price: "$849",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072232.jpg",
|
||||
},
|
||||
id: "p2", brand: "Glory", name: "Glory 14", price: "$849", rating: 4,
|
||||
reviewCount: "84", imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072232.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Swift Mini",
|
||||
price: "$599",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-white-screen-protector_187299-46259.jpg",
|
||||
},
|
||||
id: "p3", brand: "Swift", name: "Swift Mini", price: "$599", rating: 5,
|
||||
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-white-screen-protector_187299-46259.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Galaxy Edge",
|
||||
price: "$749",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-5004.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Zenith X",
|
||||
price: "$1,099",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-clay-phone-from-perspective-side-dark-background_187299-35318.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Nova S2",
|
||||
price: "$649",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309631.jpg",
|
||||
},
|
||||
id: "p4", brand: "Galaxy", name: "Galaxy Edge", price: "$749", rating: 4,
|
||||
reviewCount: "62", imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-5004.jpg"},
|
||||
]}
|
||||
title="Our Best Sellers"
|
||||
description="Check out our most popular mobile phones this season."
|
||||
title="Our Latest Devices"
|
||||
description="Explore our curated selection of premium mobile technology."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -155,14 +111,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Samsung",
|
||||
"Apple",
|
||||
"Google",
|
||||
"Xiaomi",
|
||||
"OnePlus",
|
||||
"Sony",
|
||||
"Motorola",
|
||||
]}
|
||||
"Samsung", "Apple", "Google", "Xiaomi", "OnePlus", "Sony", "Motorola"]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="We partner with global tech pioneers to bring you the cutting edge."
|
||||
/>
|
||||
@@ -175,45 +124,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The service was incredible, and the phone arrived in perfect condition!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-delicious-cocktail_23-2150166188.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "The service was incredible, and the phone arrived in perfect condition!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-delicious-cocktail_23-2150166188.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
handle: "@markd",
|
||||
testimonial: "Excellent selection of premium devices. Truly professional!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-handsome-modern-man-wearing-glasses-denim-jacket-yellow-background-with-happy-face-standing-smiling-with-confident-smile-showing-teeth_839833-30354.jpg",
|
||||
},
|
||||
id: "2", name: "Mark D.", handle: "@markd", testimonial: "Excellent selection of premium devices. Truly professional!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-handsome-modern-man-wearing-glasses-denim-jacket-yellow-background-with-happy-face-standing-smiling-with-confident-smile-showing-teeth_839833-30354.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
handle: "@elenar",
|
||||
testimonial: "My go-to store for all my mobile tech needs.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-home-using-headphones_23-2148793511.jpg",
|
||||
},
|
||||
id: "3", name: "Elena R.", handle: "@elenar", testimonial: "My go-to store for all my mobile tech needs.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-home-using-headphones_23-2148793511.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
handle: "@davidw",
|
||||
testimonial: "Fast, reliable, and genuine products. Very satisfied.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-stylish-bearded-man-with-hairstyle-elegant-retro-gray-suit-bow-tie-posing-studio-isolated-gray-background_613910-20001.jpg",
|
||||
},
|
||||
id: "4", name: "David W.", handle: "@davidw", testimonial: "Fast, reliable, and genuine products. Very satisfied.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-stylish-bearded-man-with-hairstyle-elegant-retro-gray-suit-bow-tie-posing-studio-isolated-gray-background_613910-20001.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Julia M.",
|
||||
handle: "@juliam",
|
||||
testimonial: "Fantastic customer support and quick delivery times!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-carrying-shopping-bags_1098-1106.jpg",
|
||||
},
|
||||
id: "5", name: "Julia M.", handle: "@juliam", testimonial: "Fantastic customer support and quick delivery times!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-carrying-shopping-bags_1098-1106.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Customers Say"
|
||||
@@ -228,22 +152,14 @@ export default function LandingPage() {
|
||||
description="Our experts are here to assist you in finding the perfect device."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Ask anything...",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Ask anything...", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/call-center-worker-arriving-work-using-artificial-intelligence-laptop_482257-126041.jpg"
|
||||
/>
|
||||
@@ -253,16 +169,12 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="MobileHub"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user