2 Commits

Author SHA1 Message Date
760f44131e Update src/app/page.tsx 2026-03-08 07:00:57 +00:00
d4fdff829b Update src/app/page.tsx 2026-03-08 06:59:36 +00:00
2 changed files with 109 additions and 96 deletions

View File

@@ -1,37 +1,49 @@
import type { Metadata } from "next";
import { Libre_Baskerville } from "next/font/google";
import { Inter } from "next/font/google";
import "./globals.css";
import "./styles/variables.css";
import "./styles/base.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const libreBaskerville = Libre_Baskerville({
variable: "--font-libre-baskerville", subsets: ["latin"],
weight: ["400", "700"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "TE&RO | Premium Hair Care", description: "Discover premium hair care products designed for healthy, beautiful hair"};
title: "ShopHub - Premium Products, Fast Delivery", description: "Discover premium quality products with fast shipping, 30-day guarantee, and world-class customer service. Shop confidently with 500K+ happy customers.", keywords: "ecommerce, online shopping, premium products, fast shipping, quality goods", robots: {
index: true,
follow: true,
},
openGraph: {
title: "ShopHub - Your Trusted E-commerce Partner", description: "Shop premium products with confidence. Fast delivery, best prices, and exceptional service.", type: "website", siteName: "ShopHub", images: [
{
url: "http://img.b2bpic.net/free-psd/get-glam-landing-page-template_23-2148986054.jpg", alt: "ShopHub Premium Products"},
],
},
twitter: {
card: "summary_large_image", title: "ShopHub - Premium Products", description: "Discover quality products with fast shipping and guaranteed satisfaction", images: ["http://img.b2bpic.net/free-psd/get-glam-landing-page-template_23-2148986054.jpg"],
},
};
export default function RootLayout({
children,
}: {
}: Readonly<{
children: React.ReactNode;
}) {
}>) {
return (
<html lang="en" suppressHydrationWarning>
<body className={`${inter.variable}`}>
{children}
<script
dangerouslySetInnerHTML={{
__html: `
if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
document.documentElement.classList.add('dark')
} else {
document.documentElement.classList.remove('dark')
}
`,
}}
/>
<ServiceWrapper>
<body
className={`${libreBaskerville.variable} ${inter.variable} antialiased`}
>
<Tag />
{children}
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1399,6 +1411,7 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}

View File

@@ -11,7 +11,7 @@ import TestimonialCardFifteen from "@/components/sections/testimonial/Testimonia
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Award, Building2, Crown, Sparkles, Star, Zap, Leaf, Droplets } from "lucide-react";
import { Award, Building2, Crown, Sparkles, Star, Zap } from "lucide-react";
export default function LandingPage() {
return (
@@ -31,61 +31,61 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{ name: "Shop", id: "products" },
{ name: "About", id: "about" },
{ name: "Pricing", id: "pricing" },
{ name: "About", id: "about" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" },
]}
brandName="TE&RO"
bottomLeftText="Premium Hair Care"
bottomRightText="hello@teandrohair.com"
brandName="ShopHub"
bottomLeftText="Global Shipping Available"
bottomRightText="support@shophub.com"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
title="Luxurious Hair Care for Every Texture"
description="Experience the transformation of premium hair care. Our science-backed formulas are crafted with natural ingredients to nourish, strengthen, and revitalize your hair."
title="Premium Products, Fast Delivery"
description="Discover our curated collection of high-quality items. Shop with confidence backed by our 30-day guarantee and world-class customer service."
background={{ variant: "sparkles-gradient" }}
tag="Naturally Radiant"
tag="New Collection"
tagIcon={Sparkles}
tagAnimation="slide-up"
buttons={[
{ text: "Explore Collection", href: "#products" },
{ text: "Learn Our Story", href: "#about" },
{ text: "Shop Now", href: "#products" },
{ text: "View Catalog", href: "#products" },
]}
buttonAnimation="slide-up"
imageSrc="https://images.unsplash.com/photo-1599643478518-a784e5dc4c8f?w=800&q=80"
imageAlt="Premium hair care products"
imageSrc="http://img.b2bpic.net/free-psd/get-glam-landing-page-template_23-2148986054.jpg"
imageAlt="Premium product showcase"
mediaAnimation="blur-reveal"
avatars={[
{
src: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=400&h=400&fit=crop", alt: "Customer 1"
src: "http://img.b2bpic.net/free-photo/business-man-banner-concept-with-copy-space_23-2149601461.jpg", alt: "Customer 1"
},
{
src: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop", alt: "Customer 2"
src: "http://img.b2bpic.net/free-photo/cheerful-african-guy-with-narrow-dark-eyes-fluffy-hair-dressed-elegant-white-shirt_273609-14082.jpg", alt: "Customer 2"
},
{
src: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=400&h=400&fit=crop", alt: "Customer 3"
src: "http://img.b2bpic.net/free-photo/middle-age-handsome-businessman-wearing-glasses-standing-office-looking-side-relax-profile-pose-with-natural-face-with-confident-smile_839833-17650.jpg", alt: "Customer 3"
},
]}
avatarText="Trusted by 40,000+ happy customers"
avatarText="Trusted by 50,000+ happy customers"
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
title="Recommended by Hair Professionals Worldwide"
description="Join thousands of customers who have transformed their hair care routine"
tag="Trusted Partners"
title="Trusted by Industry Leaders"
description="Our platform is the choice of premium brands worldwide"
tag="Partners"
tagIcon={Award}
textboxLayout="default"
useInvertedBackground={false}
names={[
"SalonPro Network", "BeautyExperts", "HaircareTrustmark", "ProfessionalSalon", "BeautyStandard", "CertifiedSalon", "PremiumHaircare"
"TechFlow", "Innovate Inc", "CloudSync", "Nexus Pro", "Velocity Corp", "Zenith Group", "Apex Solutions"
]}
logos={[
"https://images.unsplash.com/photo-1552820728-8ac41f1ce891?w=200&h=100&fit=crop", "https://images.unsplash.com/photo-1557804506-669214d2e9f1?w=200&h=100&fit=crop", "https://images.unsplash.com/photo-1552820728-8ac41f1ce891?w=200&h=100&fit=crop", "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=200&h=100&fit=crop", "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=200&h=100&fit=crop", "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=200&h=100&fit=crop", "https://images.unsplash.com/photo-1557804506-669214d2e9f1?w=200&h=100&fit=crop"
"http://img.b2bpic.net/free-vector/variety-badges-flat-style_23-2147536999.jpg", "http://img.b2bpic.net/free-vector/business-card_53876-58126.jpg", "http://img.b2bpic.net/free-vector/iso-certification-badge-collection_23-2148710303.jpg", "http://img.b2bpic.net/free-photo/front-view-man-holding-ballot_23-2148265570.jpg", "http://img.b2bpic.net/free-vector/modern-duotone-sommelier-logo_742173-5751.jpg", "http://img.b2bpic.net/free-vector/graduation-white-background_24908-61004.jpg", "http://img.b2bpic.net/free-vector/classic-labels-labor-day_23-2147657508.jpg"
]}
speed={35}
showCard={true}
@@ -94,8 +94,8 @@ export default function LandingPage() {
<div id="products" data-section="products">
<ProductCardTwo
title="Our Premium Collection"
description="Expertly formulated hair care solutions for all hair types and concerns"
title="Featured Products"
description="Handpicked selection of our best-selling items with verified customer ratings"
tag="Best Sellers"
tagIcon={Star}
textboxLayout="default"
@@ -104,16 +104,16 @@ export default function LandingPage() {
animationType="slide-up"
products={[
{
id: "1", brand: "TE&RO Essentials", name: "Hydrating Shampoo", price: "$24.99", rating: 5,
reviewCount: "2.3k", imageSrc: "https://images.unsplash.com/photo-1599643478518-a784e5dc4c8f?w=500&h=600&fit=crop", imageAlt: "Hydrating Shampoo"
id: "1", brand: "Premium Goods", name: "Executive Collection", price: "$149.99", rating: 5,
reviewCount: "2.3k", imageSrc: "http://img.b2bpic.net/free-photo/abstract-gold-chain-jewellery-presentation_23-2149599084.jpg", imageAlt: "Executive Collection Product"
},
{
id: "2", brand: "TE&RO Essentials", name: "Nourishing Conditioner", price: "$26.99", rating: 5,
reviewCount: "1.8k", imageSrc: "https://images.unsplash.com/photo-1585828343436-bc5a29241b73?w=500&h=600&fit=crop", imageAlt: "Nourishing Conditioner"
id: "2", brand: "Modern Design", name: "Contemporary Series", price: "$199.99", rating: 5,
reviewCount: "1.8k", imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photos-ceramic-kitchenware_23-2149060825.jpg", imageAlt: "Contemporary Series Product"
},
{
id: "3", brand: "TE&RO Premium", name: "Silk Hair Serum", price: "$34.99", rating: 5,
reviewCount: "3.1k", imageSrc: "https://images.unsplash.com/photo-1608571423902-eed4a5ad8108?w=500&h=600&fit=crop", imageAlt: "Silk Hair Serum"
id: "3", brand: "Luxury Brand", name: "Prestige Edition", price: "$249.99", rating: 5,
reviewCount: "3.1k", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bicolor-plant-details_23-2149362191.jpg", imageAlt: "Prestige Edition Product"
},
]}
/>
@@ -121,16 +121,16 @@ export default function LandingPage() {
<div id="about" data-section="about">
<MetricSplitMediaAbout
tag="About TE&RO"
tagIcon={Leaf}
title="Pure Ingredients, Powerful Results"
description="Founded in 2018, TE&RO is committed to creating premium hair care products using natural, sustainably sourced ingredients. We believe that beautiful hair starts with nourishment from within. Every product is dermatologist-tested and cruelty-free, ensuring you feel good about what you're using."
tag="About Us"
tagIcon={Building2}
title="Your Trusted E-commerce Partner"
description="We've been revolutionizing online shopping since 2015. Our commitment to quality products, exceptional service, and customer satisfaction has made us the preferred choice for discerning shoppers worldwide."
metrics={[
{ value: "40K+", title: "Happy Customers" },
{ value: "25+", title: "Countries Served" },
{ value: "500K+", title: "Happy Customers" },
{ value: "50+", title: "Countries Served" },
]}
imageSrc="https://images.unsplash.com/photo-1552821206-e3e0ba2c9efb?w=600&h=600&fit=crop&_wi=1"
imageAlt="TE&RO Hair Care Team"
imageSrc="http://img.b2bpic.net/free-photo/team-female-entrepreneurs-cooperating-while-working-laptop-business-meeting_637285-13053.jpg"
imageAlt="Our Team"
useInvertedBackground={true}
mediaAnimation="slide-up"
metricsAnimation="slide-up"
@@ -139,31 +139,31 @@ export default function LandingPage() {
<div id="pricing" data-section="pricing">
<PricingCardFive
title="Choose Your Hair Care Plan"
description="Find the perfect subscription or purchase option for your hair care routine"
title="Simple, Transparent Pricing"
description="Choose the plan that works best for your needs. All plans include priority support."
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
plans={[
{
id: "starter", tag: "Starter Bundle", tagIcon: Droplets,
price: "$49", period: "/month", description: "Essential hair care basics", button: { text: "Get Started", href: "#contact" },
id: "starter", tag: "Starter Plan", tagIcon: Zap,
price: "$29", period: "/month", description: "Perfect for getting started", button: { text: "Get Started", href: "#contact" },
featuresTitle: "What's Included:", features: [
"Shampoo & Conditioner", "Monthly delivery", "Email support", "Product tips & advice"
"Access to all products", "Standard shipping", "Email support", "Order tracking"
],
},
{
id: "professional", tag: "Professional Series", tagIcon: Sparkles,
price: "$79", period: "/month", description: "Complete hair transformation", button: { text: "Choose Plan", href: "#contact" },
id: "professional", tag: "Professional Plan", tagIcon: Sparkles,
price: "$79", period: "/month", description: "Best for serious shoppers", button: { text: "Choose Plan", href: "#contact" },
featuresTitle: "What's Included:", features: [
"Full product range", "Bi-weekly delivery", "Priority support", "15% member discount", "Exclusive access to new products"
"Priority access to new items", "Free express shipping", "24/7 phone support", "Exclusive member discounts", "Early sale notifications"
],
},
{
id: "premium", tag: "Premium Series", tagIcon: Crown,
price: "$149", period: "/month", description: "Ultimate luxury experience", button: { text: "Go Premium", href: "#contact" },
id: "premium", tag: "Premium Plan", tagIcon: Crown,
price: "$199", period: "/month", description: "Ultimate shopping experience", button: { text: "Go Premium", href: "#contact" },
featuresTitle: "What's Included:", features: [
"All products plus exclusive items", "Weekly delivery", "VIP concierge service", "25% member discount", "Free specialty treatments", "Annual luxury gift set"
"VIP early access", "Free worldwide shipping", "Dedicated concierge", "Exclusive luxury collection", "Complimentary gift wrapping", "Annual gift voucher"
],
},
]}
@@ -172,27 +172,27 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
testimonial="TE&RO has completely transformed my hair care routine. My hair feels stronger, shinier, and healthier than ever before. The natural ingredients really make a difference, and the results speak for themselves. I recommend it to everyone!"
testimonial="Shopping with ShopHub has transformed how I purchase online. The quality is exceptional, delivery is lightning fast, and their customer service truly goes above and beyond. Highly recommend to everyone!"
rating={5}
author="Maria Chen"
author="Jessica Mitchell"
avatars={[
{
src: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=400&h=400&fit=crop", alt: "Maria"
src: "http://img.b2bpic.net/free-photo/business-man-banner-concept-with-copy-space_23-2149601461.jpg", alt: "Jessica"
},
{
src: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop", alt: "Customer"
src: "http://img.b2bpic.net/free-photo/cheerful-african-guy-with-narrow-dark-eyes-fluffy-hair-dressed-elegant-white-shirt_273609-14082.jpg", alt: "Customer"
},
{
src: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=400&h=400&fit=crop", alt: "Customer"
src: "http://img.b2bpic.net/free-photo/middle-age-handsome-businessman-wearing-glasses-standing-office-looking-side-relax-profile-pose-with-natural-face-with-confident-smile_839833-17650.jpg", alt: "Customer"
},
{
src: "https://images.unsplash.com/photo-1552821206-e3e0ba2c9efb?w=400&h=400&fit=crop", alt: "Customer"
src: "http://img.b2bpic.net/free-photo/blockchain-investment-concept-business-woman-leader-holding-bitcoin-front-his-discussing-team-office_231208-11667.jpg", alt: "Customer"
},
{
src: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=400&h=400&fit=crop", alt: "Customer"
src: "http://img.b2bpic.net/free-photo/high-angle-smiley-woman-reading_23-2148396352.jpg", alt: "Customer"
},
{
src: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop", alt: "Customer"
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing-indoors_23-2149833727.jpg", alt: "Customer"
},
]}
useInvertedBackground={false}
@@ -204,31 +204,31 @@ export default function LandingPage() {
<div id="faq" data-section="faq">
<FaqSplitMedia
title="Frequently Asked Questions"
description="Everything you need to know about TE&RO hair care products and services"
description="Find answers to common questions about our products, shipping, and policies"
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "1", title: "Are TE&RO products suitable for all hair types?", content: "Yes! Our products are specially formulated to work with all hair types, including straight, curly, wavy, and coily hair. Each product is designed to provide hydration and nourishment while respecting your hair's natural texture. If you have specific concerns, our team can recommend the perfect products for your needs."
id: "1", title: "What is your return policy?", content: "We offer a 30-day money-back guarantee on all purchases. If you're not completely satisfied, simply return your item in original condition for a full refund. No questions asked."
},
{
id: "2", title: "Are your products cruelty-free and vegan?", content: "Absolutely. All TE&RO products are certified cruelty-free and 100% vegan. We never test on animals and use only plant-based ingredients. We're proud to be part of the movement toward ethical and sustainable beauty."
id: "2", title: "How long does shipping take?", content: "Standard shipping takes 5-7 business days. Express shipping (1-2 business days) and overnight shipping options are available. Premium members enjoy free express shipping on all orders."
},
{
id: "3", title: "What is your return policy?", content: "We offer a 60-day satisfaction guarantee. If you're not completely happy with any TE&RO product, simply return it in original condition for a full refund or exchange. No questions asked. We want you to love your hair care experience."
id: "3", title: "Do you ship internationally?", content: "Yes! We ship to over 50 countries worldwide. International shipping times vary from 10-20 business days depending on location. International orders over $100 qualify for free shipping with our Premium Plan."
},
{
id: "4", title: "How long does shipping take?", content: "Standard shipping takes 5-7 business days. Express shipping (2-3 business days) is available for all orders. Subscription members receive priority shipping at no extra cost. International shipping is also available to select countries."
id: "4", title: "Is my payment information secure?", content: "Absolutely. We use bank-level encryption and PCI compliance standards to protect your payment information. Your data is never shared with third parties without your consent."
},
{
id: "5", title: "Can I customize my subscription?", content: "Yes! With our subscription plans, you can customize the products you receive each month based on your preferences. You can pause, skip, or cancel your subscription at any time with no penalties."
id: "5", title: "Can I track my order?", content: "Yes, all orders include real-time tracking. You'll receive a tracking number via email as soon as your order ships, and you can monitor its progress every step of the way."
},
{
id: "6", title: "Are there any harmful chemicals in your products?", content: "No. TE&RO products are free from sulfates, parabens, silicones, and other harsh chemicals. We use only clean, natural ingredients that are gentle on your hair and scalp while delivering powerful results. Every ingredient is listed transparently on our packaging."
id: "6", title: "Do you offer bulk discounts?", content: "Yes! Orders of 10 or more items qualify for volume discounts. Contact our sales team at bulk@shophub.com for custom pricing on larger purchases."
},
]}
imageSrc="https://images.unsplash.com/photo-1552821206-e3e0ba2c9efb?w=600&h=600&fit=crop&_wi=2"
imageAlt="TE&RO Customer Support"
imageSrc="http://img.b2bpic.net/free-photo/black-man-wheelchair-using-computer_482257-124718.jpg"
imageAlt="Customer Support Team"
mediaPosition="right"
mediaAnimation="blur-reveal"
faqsAnimation="slide-up"
@@ -239,7 +239,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplitForm
title="Get in Touch"
description="Have questions about our products or need personalized hair care recommendations? We'd love to hear from you. Our team responds within 24 hours."
description="Have questions? We'd love to hear from you. Our team responds to all inquiries within 24 hours."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{
@@ -254,8 +254,8 @@ export default function LandingPage() {
required: true,
}}
useInvertedBackground={false}
imageSrc="https://images.unsplash.com/photo-1552820728-8ac41f1ce891?w=600&h=600&fit=crop"
imageAlt="Contact TE&RO Hair Care"
imageSrc="http://img.b2bpic.net/free-photo/close-up-young-colleagues-hands-meeting_23-2149060225.jpg"
imageAlt="Contact Us"
mediaPosition="right"
mediaAnimation="slide-up"
buttonText="Send Message"
@@ -268,16 +268,16 @@ export default function LandingPage() {
{
title: "Shop", items: [
{ label: "All Products", href: "#products" },
{ label: "Hair Care Bundles", href: "#products" },
{ label: "Bestsellers", href: "#products" },
{ label: "New Arrivals", href: "#products" },
{ label: "Best Sellers", href: "#products" },
{ label: "Sale Items", href: "#products" },
],
},
{
title: "Company", items: [
{ label: "About TE&RO", href: "#about" },
{ label: "Our Ingredients", href: "#" },
{ label: "Sustainability", href: "#" },
{ label: "About Us", href: "#about" },
{ label: "Blog", href: "#" },
{ label: "Careers", href: "#" },
{ label: "Press", href: "#" },
],
},
@@ -285,8 +285,8 @@ export default function LandingPage() {
title: "Support", items: [
{ label: "Contact Us", href: "#contact" },
{ label: "FAQ", href: "#faq" },
{ label: "Hair Care Tips", href: "#" },
{ label: "Returns & Exchanges", href: "#" },
{ label: "Shipping Info", href: "#" },
{ label: "Returns", href: "#" },
],
},
{
@@ -298,8 +298,8 @@ export default function LandingPage() {
],
},
]}
bottomLeftText="© 2025 TE&RO Hair Care. All rights reserved."
bottomRightText="Naturally beautiful hair starts here"
bottomLeftText="© 2025 ShopHub. All rights reserved."
bottomRightText="Crafted for seamless shopping"
/>
</div>
</ThemeProvider>