Merge version_4 into main #3
172
src/app/page.tsx
172
src/app/page.tsx
@@ -32,14 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="SR Enterprises"
|
||||
/>
|
||||
@@ -48,57 +44,33 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Empowering Your Tech Lifestyle"
|
||||
description="Premium laptops, high-performance computing, and enterprise-grade CCTV security systems for your business and home."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John Doe", handle: "@johndoe", testimonial: "Excellent service and products.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-people-coffee-shop_23-2149176332.jpg"},
|
||||
{
|
||||
name: "Jane Smith", handle: "@janesmith", testimonial: "Great laptop selection.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-businesman-summer-city_1157-18994.jpg"},
|
||||
{
|
||||
name: "Mike Ross", handle: "@mikeross", testimonial: "Solid CCTV security setup.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-male-manager-multitasking-office-handle-administrative-tasks_482257-123718.jpg"},
|
||||
{
|
||||
name: "Emily P.", handle: "@emilyp", testimonial: "Best prices in town.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13336.jpg"},
|
||||
{
|
||||
name: "David L.", handle: "@davidl", testimonial: "Very professional staff.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-expressing-appreciation-their-workmates_23-2149430632.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now", href: "#products"},
|
||||
{ name: "John Doe", handle: "@johndoe", testimonial: "Excellent service and products.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-people-coffee-shop_23-2149176332.jpg" },
|
||||
{ name: "Jane Smith", handle: "@janesmith", testimonial: "Great laptop selection.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-businesman-summer-city_1157-18994.jpg" },
|
||||
{ name: "Mike Ross", handle: "@mikeross", testimonial: "Solid CCTV security setup.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-male-manager-multitasking-office-handle-administrative-tasks_482257-123718.jpg" },
|
||||
{ name: "Emily P.", handle: "@emilyp", testimonial: "Best prices in town.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13336.jpg" },
|
||||
{ name: "David L.", handle: "@davidl", testimonial: "Very professional staff.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-expressing-appreciation-their-workmates_23-2149430632.jpg" },
|
||||
]}
|
||||
buttons={[{ text: "Shop Now", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/romantic-asian-couple-looking-something-special-seafood-chainese-market-they-are-curious-joyful_613910-20884.jpg"
|
||||
imageAlt="SR Enterprises Tech Store"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-man-browsing-tablet-speaking-phone_23-2147793081.jpg", alt: "Satisfied customer one"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serious-african-american-businessman-making-phone-call-while-working-laptop-night-office_637285-2624.jpg", alt: "Satisfied customer two"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-late-night_23-2150171121.jpg", alt: "Satisfied customer three"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-woman-working-laptop_23-2149741159.jpg", alt: "Satisfied customer four"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-young-businessman-with-his-arms-crossed_23-2148176206.jpg", alt: "Satisfied customer five"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-man-browsing-tablet-speaking-phone_23-2147793081.jpg", alt: "Satisfied customer one" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/serious-african-american-businessman-making-phone-call-while-working-laptop-night-office_637285-2624.jpg", alt: "Satisfied customer two" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-late-night_23-2150171121.jpg", alt: "Satisfied customer three" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-woman-working-laptop_23-2149741159.jpg", alt: "Satisfied customer four" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-confident-young-businessman-with-his-arms-crossed_23-2148176206.jpg", alt: "Satisfied customer five" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Ultra-Fast Delivery"},
|
||||
{
|
||||
type: "text", text: "24/7 Expert Support"},
|
||||
{
|
||||
type: "text", text: "Premium Quality"},
|
||||
{
|
||||
type: "text", text: "Secure Hardware"},
|
||||
{
|
||||
type: "text", text: "Warranty Guaranteed"},
|
||||
{ type: "text", text: "Ultra-Fast Delivery" },
|
||||
{ type: "text", text: "24/7 Expert Support" },
|
||||
{ type: "text", text: "Premium Quality" },
|
||||
{ type: "text", text: "Secure Hardware" },
|
||||
{ type: "text", text: "Warranty Guaranteed" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -109,18 +81,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1", title: "Advanced Security", tags: [
|
||||
"CCTV", "HD"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-ai-scripts-displayed-pc-monitors_482257-110985.jpg"},
|
||||
{
|
||||
id: "f2", title: "High-End Laptops", tags: [
|
||||
"Performance", "Pro"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gaming-room-no-people-equiped-with-rgb-powerful-personal-computer-online-videogames-tournament-gaming-chair-first-person-shooter-game-screen-cozy-room-with-neon-light_482257-12428.jpg"},
|
||||
{
|
||||
id: "f3", title: "Network Solutions", tags: [
|
||||
"Servers", "Stable"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-center-engineers-managing-ai-systems-looking-paperwork_482257-131867.jpg"},
|
||||
{ id: "f1", title: "Advanced Security", tags: ["CCTV", "HD"], imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-ai-scripts-displayed-pc-monitors_482257-110985.jpg" },
|
||||
{ id: "f2", title: "High-End Laptops", tags: ["Performance", "Pro"], imageSrc: "http://img.b2bpic.net/free-photo/gaming-room-no-people-equiped-with-rgb-powerful-personal-computer-online-videogames-tournament-gaming-chair-first-person-shooter-game-screen-cozy-room-with-neon-light_482257-12428.jpg" },
|
||||
{ id: "f3", title: "Network Solutions", tags: ["Servers", "Stable"], imageSrc: "http://img.b2bpic.net/free-photo/data-center-engineers-managing-ai-systems-looking-paperwork_482257-131867.jpg" },
|
||||
]}
|
||||
title="Why Choose SR Enterprises?"
|
||||
description="We bring you the latest in technology with dedicated support."
|
||||
@@ -134,22 +97,16 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Pro Gaming Laptop", price: "$1,299", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/programming-background-concept_23-2150170162.jpg"},
|
||||
{
|
||||
id: "p2", name: "Dome CCTV Camera", price: "$149", variant: "Security", imageSrc: "http://img.b2bpic.net/free-photo/system-administrator-server-room-installing-newly-ordered-storage-unit_482257-94919.jpg"},
|
||||
{
|
||||
id: "p3", name: "Smart Doorbell", price: "$199", variant: "Home", imageSrc: "http://img.b2bpic.net/free-photo/female-turning-light-using-remote-control_259150-57143.jpg"},
|
||||
{
|
||||
id: "p4", name: "Dual Screen PC", price: "$999", variant: "Office", imageSrc: "http://img.b2bpic.net/free-photo/disassembled-hard-drive-from-computer-hdd-with-mirror-effect_8353-5991.jpg"},
|
||||
{
|
||||
id: "p5", name: "Laptop Projector", price: "$349", variant: "Tech", imageSrc: "http://img.b2bpic.net/free-photo/young-man-pointing-finger-digital-table-standing-against-white-wall_23-2148098165.jpg"},
|
||||
{
|
||||
id: "p6", name: "Alarm Sensor", price: "$89", variant: "Security", imageSrc: "http://img.b2bpic.net/free-photo/smoke-carbon-monoxide-alarm-isolated-white-background_181624-25801.jpg"},
|
||||
{ id: "p1", name: "Pro Gaming Laptop", price: "$1,299", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/programming-background-concept_23-2150170162.jpg" },
|
||||
{ id: "p2", name: "Dome CCTV Camera", price: "$149", variant: "Security", imageSrc: "http://img.b2bpic.net/free-photo/system-administrator-server-room-installing-newly-ordered-storage-unit_482257-94919.jpg" },
|
||||
{ id: "p3", name: "Smart Doorbell", price: "$199", variant: "Home", imageSrc: "http://img.b2bpic.net/free-photo/female-turning-light-using-remote-control_259150-57143.jpg" },
|
||||
{ id: "p4", name: "Dual Screen PC", price: "$999", variant: "Office", imageSrc: "http://img.b2bpic.net/free-photo/disassembled-hard-drive-from-computer-hdd-with-mirror-effect_8353-5991.jpg" },
|
||||
{ id: "p5", name: "Laptop Projector", price: "$349", variant: "Tech", imageSrc: "http://img.b2bpic.net/free-photo/young-man-pointing-finger-digital-table-standing-against-white-wall_23-2148098165.jpg" },
|
||||
{ id: "p6", name: "Alarm Sensor", price: "$89", variant: "Security", imageSrc: "http://img.b2bpic.net/free-photo/smoke-carbon-monoxide-alarm-isolated-white-background_181624-25801.jpg" },
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Shop All Tech", href: "#" },
|
||||
{ text: "Get Quote", href: "#contact" }
|
||||
{ text: "View Details", href: "#" },
|
||||
{ text: "Add to Cart", href: "#" }
|
||||
]}
|
||||
title="Our Featured Collection"
|
||||
description="Explore our curated selection of digital and security devices."
|
||||
@@ -162,15 +119,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", title: "Devices Sold", value: "10,000+", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2", title: "Happy Customers", value: "5,000+", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m3", title: "Tech Years", value: "12+", icon: Award,
|
||||
},
|
||||
{ id: "m1", title: "Devices Sold", value: "10,000+", icon: CheckCircle },
|
||||
{ id: "m2", title: "Happy Customers", value: "5,000+", icon: Star },
|
||||
{ id: "m3", title: "Tech Years", value: "12+", icon: Award },
|
||||
]}
|
||||
title="Serving You with Excellence"
|
||||
description="Proven results for our community."
|
||||
@@ -181,8 +132,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"HP", "Dell", "Hikvision", "Bosch", "Lenovo", "Samsung", "Sony"]}
|
||||
names={["HP", "Dell", "Hikvision", "Bosch", "Lenovo", "Samsung", "Sony"]}
|
||||
title="Trusted by Leaders"
|
||||
description="Partnering with industry standard brands."
|
||||
/>
|
||||
@@ -194,21 +144,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "John Doe", handle: "@johndoe", testimonial: "Excellent service.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg"},
|
||||
{
|
||||
id: "t2", name: "Jane Smith", handle: "@janesmith", testimonial: "Very professional.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-brunette-male-portrait_158595-7921.jpg"},
|
||||
{
|
||||
id: "t3", name: "Mike Ross", handle: "@mikeross", testimonial: "Top security gear.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg"},
|
||||
{
|
||||
id: "t4", name: "Emily P.", handle: "@emilyp", testimonial: "Great experience.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-happy-girl-talking-video-call-looks-laptop-having-online-meeting-sitting_1258-190963.jpg"},
|
||||
{
|
||||
id: "t5", name: "David L.", handle: "@davidl", testimonial: "Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-corporate-woman-working-fresh-air-outdoors-sitting-bench-with-laptop-digital_1258-194320.jpg"},
|
||||
{ id: "t1", name: "John Doe", handle: "@johndoe", testimonial: "Excellent service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg" },
|
||||
{ id: "t2", name: "Jane Smith", handle: "@janesmith", testimonial: "Very professional.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/caucasian-brunette-male-portrait_158595-7921.jpg" },
|
||||
{ id: "t3", name: "Mike Ross", handle: "@mikeross", testimonial: "Top security gear.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg" },
|
||||
{ id: "t4", name: "Emily P.", handle: "@emilyp", testimonial: "Great experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-happy-girl-talking-video-call-looks-laptop-having-online-meeting-sitting_1258-190963.jpg" },
|
||||
{ id: "t5", name: "David L.", handle: "@davidl", testimonial: "Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-corporate-woman-working-fresh-air-outdoors-sitting-bench-with-laptop-digital_1258-194320.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Stories"
|
||||
@@ -221,12 +161,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1", title: "Do you offer warranty?", content: "Yes, all products come with a manufacturer warranty."},
|
||||
{
|
||||
id: "faq2", title: "How to contact support?", content: "You can reach us through our contact form or phone."},
|
||||
{
|
||||
id: "faq3", title: "Do you offer installation?", content: "Yes, we provide professional installation for security systems."},
|
||||
{ id: "faq1", title: "Do you offer warranty?", content: "Yes, all products come with a manufacturer warranty." },
|
||||
{ id: "faq2", title: "How to contact support?", content: "You can reach us through our contact form or phone." },
|
||||
{ id: "faq3", title: "Do you offer installation?", content: "Yes, we provide professional installation for security systems." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our products."
|
||||
@@ -237,8 +174,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Get in Touch Today"
|
||||
description="Have questions? We are here to help."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-geometric-background-with-futuristic-design_1048-5529.jpg"
|
||||
@@ -253,22 +189,8 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lens-flare-effect-abstract-background_1017-15284.jpg"
|
||||
logoText="SR Enterprises"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Products", href: "#products"},
|
||||
{
|
||||
label: "Security", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Shop", items: [{ label: "Products", href: "#products" }, { label: "Security", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user