Merge version_1 into main #3

Merged
bender merged 6 commits from version_1 into main 2026-03-06 08:06:24 +00:00
6 changed files with 492 additions and 678 deletions

View File

@@ -1,176 +1,118 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import SplitAbout from "@/components/sections/about/SplitAbout";
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Award, CheckCircle, MapPin, Shield, TrendingUp, PhoneCall } from "lucide-react";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
import FooterBase from "@/components/sections/footer/FooterBase";
import Link from "next/link";
import { Users, Award, Target } from "lucide-react";
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultButtonVariant="bounce-effect"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="mediumLarge"
borderRadius="rounded"
contentWidth="medium"
sizing="largeSmall"
background="none"
cardStyle="gradient-bordered"
background="grid"
cardStyle="inset"
primaryButtonStyle="double-inset"
secondaryButtonStyle="radial-glow"
headingFontWeight="semibold"
headingFontWeight="extrabold"
>
{/* Navbar */}
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
<NavbarLayoutFloatingOverlay
brandName="Shine Native"
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Gallery", id: "/gallery" },
{ name: "Contact", id: "/contact" }
]}
brandName="Shine Native"
button={{ text: "Contact Us", href: "/contact" }}
animateOnLoad={true}
button={{ text: "Schedule Consultation", href: "/contact" }}
/>
</div>
{/* About Section */}
<div id="about-section" data-section="about-section">
<SplitAbout
title="Our Story and Mission"
description="Shine Native was founded with a vision to revolutionize the real estate industry across India. We believe in transparency, expertise, and delivering exceptional value to every client. Whether you're buying your first home, selling a property, or looking for investment opportunities, our dedicated team is committed to making your real estate journey smooth and successful."
tag="About Shine Native"
tagIcon={Award}
tagAnimation="slide-up"
bulletPoints={[
{
title: "Decade of Excellence",
description: "Over 10 years of trusted service and proven track record in Indian real estate market.",
icon: CheckCircle,
},
{
title: "Expert Team",
description: "Experienced professionals with deep market knowledge and client-centric approach.",
icon: Shield,
},
{
title: "Pan-India Presence",
description: "Operations across major cities with local expertise in every market.",
icon: MapPin,
},
{
title: "Client Satisfaction",
description: "5,000+ satisfied clients with 98% satisfaction rate and repeat referrals.",
icon: TrendingUp,
},
<div id="about-story" data-section="about-story">
<TextSplitAbout
title="Our Mission & Vision"
description={[
"Shine Native was founded with a singular mission: to revolutionize the real estate experience in India by combining cutting-edge technology with personalized human touch. We believe that finding the perfect property should be a seamless, transparent, and rewarding journey.", "Our vision is to become India's most trusted real estate partner, known for integrity, expertise, and exceptional client outcomes. We serve as a bridge between dreams and reality, helping individuals and businesses find their ideal properties."
]}
imageSrc="http://img.b2bpic.net/free-photo/relaxed-coworkers-office-having-fun-chatting-while-reviewing-documents_482257-126482.jpg"
imageAlt="Professional team at work"
imagePosition="right"
textboxLayout="default"
useInvertedBackground={false}
mediaAnimation="slide-up"
showBorder={true}
buttons={[{ text: "Explore Properties", href: "/" }]}
/>
</div>
{/* Our Values Section */}
<div id="our-values" data-section="our-values">
<FeatureCardOne
<MetricCardThree
title="Our Core Values"
description="These principles guide everything we do at Shine Native and define our commitment to excellence."
tag="What We Believe In"
tagAnimation="slide-up"
features={[
{
title: "Integrity",
description: "We conduct all business with honesty, transparency, and ethical practices. Trust is our foundation.",
imageSrc: "http://img.b2bpic.net/free-photo/business-people-walking-outside-office-building_107420-74359.jpg?_wi=3",
imageAlt: "Integrity in business",
},
{
title: "Excellence",
description: "We strive for excellence in every aspect of our service, from consultation to transaction closure.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-real-estate-agent-talking-with-couple-interested-buying-new-home_637285-6081.jpg?_wi=1",
imageAlt: "Excellence in service",
},
{
title: "Innovation",
description: "We leverage latest technology and market insights to provide cutting-edge real estate solutions.",
imageSrc: "http://img.b2bpic.net/free-photo/house-model-compass-plan-background-real-estate-concept_1423-179.jpg?_wi=1",
imageAlt: "Innovation in real estate",
},
]}
gridVariant="three-columns-all-equal-width"
description="The principles that guide every decision and action at Shine Native"
textboxLayout="default"
useInvertedBackground={true}
animationType="slide-up"
metrics={[
{ id: "1", icon: Award, title: "Excellence", value: "In Every Deal" },
{ id: "2", icon: Users, title: "Trust", value: "Above All" },
{ id: "3", icon: Target, title: "Innovation", value: "Always Evolving" }
]}
/>
</div>
<div id="team-testimonials" data-section="team-testimonials">
<TestimonialCardTen
title="What Our Team Says"
description="Meet the dedicated professionals behind Shine Native"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
{/* CTA Section */}
<div id="about-cta" data-section="about-cta">
<ContactCTA
tag="Start Your Journey"
tagIcon={PhoneCall}
tagAnimation="slide-up"
title="Ready to Experience Excellence in Real Estate?"
description="Connect with our team today to discuss your property goals and discover how Shine Native can help you achieve them with integrity and expertise."
buttons={[
{ text: "Schedule a Consultation", href: "/contact" },
{ text: "Explore Properties", href: "/gallery" },
testimonials={[
{
id: "1", title: "15+ Years of Expertise", quote: "With over a decade and a half in the real estate industry, I've witnessed the market evolve. At Shine Native, we leverage this experience to provide unparalleled guidance to our clients.", name: "Ramesh Desai", role: "Founder & CEO", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-handsome-businessman_1262-21003.jpg", imageAlt: "Ramesh Desai"
},
{
id: "2", title: "Client-Centric Approach", quote: "Every property is unique, and every client has different needs. Our team ensures personalized solutions that align perfectly with individual goals and aspirations.", name: "Meera Verma", role: "Director of Client Services", imageSrc: "http://img.b2bpic.net/free-photo/smiley-businesswoman-posing-outdoors_23-2148767054.jpg", imageAlt: "Meera Verma"
},
{
id: "3", title: "Market Intelligence", quote: "Our investment team continuously analyzes market trends to provide our clients with the most current and strategic insights for their real estate decisions.", name: "Arjun Singh", role: "Investment Consultant", imageSrc: "http://img.b2bpic.net/free-photo/businessman-black-suit-smiling-positively_114579-15887.jpg", imageAlt: "Arjun Singh"
}
]}
buttonAnimation="slide-up"
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
{/* Footer */}
<div id="footer" data-section="footer">
<FooterSimple
<FooterBase
logoText="Shine Native"
copyrightText="© 2025 Shine Native. All rights reserved. Premium Real Estate Solutions in India."
columns={[
{
title: "Company",
items: [
title: "Quick Links", items: [
{ label: "Home", href: "/" },
{ label: "About Us", href: "/about" },
{ label: "Services", href: "/services" },
{ label: "Gallery", href: "/gallery" },
{ label: "Contact", href: "/contact" },
],
{ label: "Gallery", href: "/gallery" }
]
},
{
title: "Properties",
items: [
{ label: "Luxury Villas", href: "/gallery" },
{ label: "Apartments", href: "/gallery" },
{ label: "Commercial", href: "/gallery" },
{ label: "Plots", href: "/gallery" },
],
title: "Services", items: [
{ label: "Property Buying", href: "/services" },
{ label: "Investment Consulting", href: "/services" },
{ label: "Property Management", href: "/services" },
{ label: "Commercial Properties", href: "/services" }
]
},
{
title: "Resources",
items: [
{ label: "Investment Guide", href: "#" },
{ label: "Market Insights", href: "#" },
{ label: "Blog", href: "#" },
{ label: "FAQ", href: "#" },
],
},
{
title: "Legal",
items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms & Conditions", href: "#" },
{ label: "Disclaimer", href: "#" },
{ label: "Cookie Policy", href: "#" },
],
},
title: "Contact", items: [
{ label: "Email: info@shinenative.com", href: "mailto:info@shinenative.com" },
{ label: "Phone: +91 9876543210", href: "tel:+919876543210" },
{ label: "Contact Form", href: "/contact" }
]
}
]}
bottomLeftText="© 2025 Shine Native Real Estate. All rights reserved."
bottomRightText="Made with excellence for real estate excellence"
/>
</div>
</ThemeProvider>

View File

@@ -1,135 +1,127 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { PhoneCall } from "lucide-react";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
import FooterBase from "@/components/sections/footer/FooterBase";
import Link from "next/link";
import { Phone, Mail, MapPin } from "lucide-react";
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultButtonVariant="bounce-effect"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="mediumLarge"
borderRadius="rounded"
contentWidth="medium"
sizing="largeSmall"
background="none"
cardStyle="gradient-bordered"
background="grid"
cardStyle="inset"
primaryButtonStyle="double-inset"
secondaryButtonStyle="radial-glow"
headingFontWeight="semibold"
headingFontWeight="extrabold"
>
{/* Navbar */}
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
<NavbarLayoutFloatingOverlay
brandName="Shine Native"
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Gallery", id: "/gallery" },
{ name: "Contact", id: "/contact" }
]}
brandName="Shine Native"
button={{ text: "Contact Us", href: "/contact" }}
animateOnLoad={true}
button={{ text: "Schedule Consultation", href: "/contact" }}
/>
</div>
{/* Main Contact Section */}
<div id="contact-main" data-section="contact-main">
<ContactCTA
<div id="contact-form" data-section="contact-form">
<ContactSplit
tag="Get in Touch"
tagIcon={PhoneCall}
tagAnimation="slide-up"
title="Let's Connect and Discuss Your Real Estate Goals"
description="Whether you're looking to buy, sell, invest, or need expert real estate guidance, our dedicated team at Shine Native is here to help. Reach out today and let's start your journey toward real estate success."
buttons={[
{ text: "Send Message", href: "mailto:contact@shinenative.com" },
{ text: "Call Us", href: "tel:+91-XXXXXXXXXX" },
]}
buttonAnimation="slide-up"
background={{ variant: "plain" }}
useInvertedBackground={false}
title="Connect with Our Real Estate Experts"
description="Reach out to our dedicated team to discuss your real estate needs, schedule property viewings, or inquire about investment opportunities. We're here to help you make informed decisions."
useInvertedBackground={true}
imageSrc="http://img.b2bpic.net/free-photo/boss-instructing-assistant-colleagues-standing-sitting-table-with-monitor-documents-manager-pointing-paper-listening-coworker-business-communication-concept_74855-11543.jpg"
imageAlt="Professional consultation"
mediaAnimation="slide-up"
mediaPosition="right"
background={{ variant: "radial-gradient" }}
inputPlaceholder="Enter your email address"
buttonText="Get in Touch"
termsText="We respect your privacy. Your information will be used only to contact you about your real estate inquiry."
onSubmit={(email) => {
console.log("Contact form submission from:", email);
}}
/>
</div>
{/* Additional Contact Section */}
<div id="contact-details" data-section="contact-details">
<ContactCTA
tag="Contact Information"
tagAnimation="slide-up"
title="Reach Out to Our Team"
description="Our experienced real estate consultants are available to answer your questions, provide property recommendations, and help you navigate your real estate journey. Contact us through any of the following channels."
buttons={[
{ text: "Schedule Consultation", href: "/contact" },
{ text: "Explore Gallery", href: "/gallery" },
]}
buttonAnimation="slide-up"
background={{ variant: "plain" }}
<div id="contact-info" data-section="contact-info">
<MetricCardThree
title="Contact Information"
description="Multiple ways to reach the Shine Native team"
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
metrics={[
{
id: "1", icon: Phone,
title: "Phone", value: "+91 9876543210"
},
{
id: "2", icon: Mail,
title: "Email", value: "info@shinenative.com"
},
{
id: "3", icon: MapPin,
title: "Office", value: "Multiple Locations"
}
]}
/>
</div>
{/* CTA to Explore */}
<div id="contact-explore" data-section="contact-explore">
<ContactCTA
tag="Ready to Explore?"
tagAnimation="slide-up"
title="Start Your Real Estate Journey with Shine Native"
description="Browse our gallery of premium properties, learn more about our services, or connect with our team to discuss your specific needs and goals."
buttons={[
{ text: "View Gallery", href: "/gallery" },
{ text: "Learn About Services", href: "/services" },
<div id="contact-response" data-section="contact-response">
<TextSplitAbout
title="We're Here to Help"
description={[
"At Shine Native, we understand that every inquiry is important. Our team is committed to responding promptly to your questions and providing personalized support for your real estate journey.", "Whether you're looking to buy your first home, invest in commercial properties, or explore luxury villas, we have the expertise and resources to guide you through every step of the process."
]}
buttonAnimation="slide-up"
background={{ variant: "plain" }}
useInvertedBackground={false}
showBorder={true}
buttons={[{ text: "Browse Properties", href: "/gallery" }]}
/>
</div>
{/* Footer */}
<div id="footer" data-section="footer">
<FooterSimple
<FooterBase
logoText="Shine Native"
copyrightText="© 2025 Shine Native. All rights reserved. Premium Real Estate Solutions in India."
columns={[
{
title: "Company",
items: [
title: "Quick Links", items: [
{ label: "Home", href: "/" },
{ label: "About Us", href: "/about" },
{ label: "Services", href: "/services" },
{ label: "Gallery", href: "/gallery" },
{ label: "Contact", href: "/contact" },
],
{ label: "Gallery", href: "/gallery" }
]
},
{
title: "Properties",
items: [
{ label: "Luxury Villas", href: "/gallery" },
{ label: "Apartments", href: "/gallery" },
{ label: "Commercial", href: "/gallery" },
{ label: "Plots", href: "/gallery" },
],
title: "Services", items: [
{ label: "Property Buying", href: "/services" },
{ label: "Investment Consulting", href: "/services" },
{ label: "Property Management", href: "/services" },
{ label: "Commercial Properties", href: "/services" }
]
},
{
title: "Resources",
items: [
{ label: "Investment Guide", href: "#" },
{ label: "Market Insights", href: "#" },
{ label: "Blog", href: "#" },
{ label: "FAQ", href: "#" },
],
},
{
title: "Legal",
items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms & Conditions", href: "#" },
{ label: "Disclaimer", href: "#" },
{ label: "Cookie Policy", href: "#" },
],
},
title: "Contact", items: [
{ label: "Email: info@shinenative.com", href: "mailto:info@shinenative.com" },
{ label: "Phone: +91 9876543210", href: "tel:+919876543210" },
{ label: "Contact Form", href: "/contact" }
]
}
]}
bottomLeftText="© 2025 Shine Native Real Estate. All rights reserved."
bottomRightText="Made with excellence for real estate excellence"
/>
</div>
</ThemeProvider>

View File

@@ -1,160 +1,139 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { PhoneCall } from "lucide-react";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
import FooterBase from "@/components/sections/footer/FooterBase";
import Link from "next/link";
export default function GalleryPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultButtonVariant="bounce-effect"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="mediumLarge"
borderRadius="rounded"
contentWidth="medium"
sizing="largeSmall"
background="none"
cardStyle="gradient-bordered"
background="grid"
cardStyle="inset"
primaryButtonStyle="double-inset"
secondaryButtonStyle="radial-glow"
headingFontWeight="semibold"
headingFontWeight="extrabold"
>
{/* Navbar */}
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
<NavbarLayoutFloatingOverlay
brandName="Shine Native"
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Gallery", id: "/gallery" },
{ name: "Contact", id: "/contact" }
]}
brandName="Shine Native"
button={{ text: "Contact Us", href: "/contact" }}
animateOnLoad={true}
button={{ text: "Schedule Consultation", href: "/contact" }}
/>
</div>
{/* Gallery Properties */}
<div id="gallery-properties" data-section="gallery-properties">
<div id="property-collection" data-section="property-collection">
<ProductCardOne
title="Explore Our Gallery"
description="Browse through our comprehensive collection of luxury villas, modern apartments, commercial spaces, and premium plots across India."
tag="Complete Portfolio"
tagAnimation="slide-up"
products={[
{
id: "1",
name: "Luxury Villa - Mumbai",
price: "₹2.5 Crore",
imageSrc: "http://img.b2bpic.net/free-photo/modern-villa-with-multiple-lights-sun-loungers-asprovalta-greece_1268-16093.jpg?_wi=4",
imageAlt: "Luxury villa with pool",
},
{
id: "2",
name: "Modern Apartment - Bangalore",
price: "₹1.8 Crore",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-contemporary-modern-design-apartment-with-natural-light-fron-bir-window-white-curtain_609648-70.jpg",
imageAlt: "Modern apartment interior",
},
{
id: "3",
name: "Commercial Complex - Delhi",
price: "₹4.2 Crore",
imageSrc: "http://img.b2bpic.net/free-photo/business-people-walking-outside-office-building_107420-74359.jpg?_wi=5",
imageAlt: "Commercial building",
},
{
id: "4",
name: "Residential Plot - Pune",
price: "₹85 Lakhs",
imageSrc: "http://img.b2bpic.net/free-photo/village-view-from_1385-478.jpg?_wi=2",
imageAlt: "Residential plot",
},
{
id: "5",
name: "Premium Apartment - Chennai",
price: "₹1.5 Crore",
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-resting-home-with-good-mood_651396-28.jpg?_wi=4",
imageAlt: "Premium apartment",
},
{
id: "6",
name: "Villa Complex - Hyderabad",
price: "₹3.2 Crore",
imageSrc: "http://img.b2bpic.net/free-photo/pool-top-spa-center-building_181624-434.jpg",
imageAlt: "Villa with luxury amenities",
},
]}
title="Our Complete Property Collection"
description="Explore our extensive portfolio of premium properties across India's most desirable locations"
tag="Full Portfolio"
textboxLayout="default"
useInvertedBackground={true}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
products={[
{
id: "1", name: "Modern Villa - Bangalore", price: "₹1.8 Cr", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-tropical-beach-front-hotel-resort-with-swimming-pool-paradise-destination-vacations-ge_1258-150769.jpg", imageAlt: "Modern villa in Bangalore", onProductClick: () => window.open("https://shinenative.com/properties/villa-bangalore", "_blank")
},
{
id: "2", name: "Luxury Penthouse - Mumbai", price: "₹3.2 Cr", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-contemporary-modern-design-apartment-with-natural-light-fron-bir-window-white-curtain_609648-70.jpg", imageAlt: "Luxury penthouse in Mumbai", onProductClick: () => window.open("https://shinenative.com/properties/penthouse-mumbai", "_blank")
},
{
id: "3", name: "Investment Plot - Hyderabad", price: "₹85 Lakhs", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-field-with-white-clouds-clear-sky_181624-16079.jpg", imageAlt: "Investment plot in Hyderabad", onProductClick: () => window.open("https://shinenative.com/properties/plot-hyderabad", "_blank")
},
{
id: "4", name: "Commercial Retail Space - Delhi", price: "₹2.1 Cr", imageSrc: "http://img.b2bpic.net/free-photo/business-people-walking-outside-office-building_107420-74359.jpg", imageAlt: "Commercial retail space in Delhi", onProductClick: () => window.open("https://shinenative.com/properties/retail-delhi", "_blank")
},
{
id: "5", name: "Family Apartment - Pune", price: "₹1.3 Cr", imageSrc: "http://img.b2bpic.net/free-photo/dining-area-comfortable-studio-flat-hotel-room_1262-12324.jpg", imageAlt: "Family apartment in Pune", onProductClick: () => window.open("https://shinenative.com/properties/apartment-pune", "_blank")
},
{
id: "6", name: "Corporate Office Complex - Gurgaon", price: "₹4.5 Cr", imageSrc: "http://img.b2bpic.net/free-photo/modern-business-buildings-financial-district_1359-347.jpg", imageAlt: "Corporate office complex in Gurgaon", onProductClick: () => window.open("https://shinenative.com/properties/office-gurgaon", "_blank")
}
]}
/>
</div>
<div id="gallery-highlights" data-section="gallery-highlights">
<FeatureCardEight
title="Featured Categories"
description="Discover properties across our most popular investment categories"
tag="Handpicked Selection"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
{/* Gallery CTA */}
<div id="gallery-cta" data-section="gallery-cta">
<ContactCTA
tag="Find Your Perfect Match"
tagIcon={PhoneCall}
tagAnimation="slide-up"
title="Interested in Any of These Properties?"
description="Contact our team to schedule a property viewing, get detailed information, or arrange a personalized consultation for your real estate needs."
buttons={[
{ text: "Request Property Details", href: "/contact" },
{ text: "Schedule a Viewing", href: "/contact" },
animationType="slide-up"
features={[
{
id: 1,
title: "Residential Luxury", description: "Premium apartments, villas, and penthouses in metro cities with world-class amenities", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-contemporary-modern-design-apartment-with-natural-light-fron-bir-window-white-curtain_609648-70.jpg", imageAlt: "Residential luxury"
},
{
id: 2,
title: "Commercial Opportunities", description: "High-yield office spaces, retail units, and business complexes in prime business districts", imageSrc: "http://img.b2bpic.net/free-photo/modern-business-buildings-financial-district_1359-347.jpg", imageAlt: "Commercial opportunities"
},
{
id: 3,
title: "Investment Properties", description: "Strategic land parcels and development opportunities with strong growth potential", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-field-with-white-clouds-clear-sky_181624-16079.jpg", imageAlt: "Investment properties"
}
]}
buttonAnimation="slide-up"
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
{/* Footer */}
<div id="gallery-inquiry" data-section="gallery-inquiry">
<TextSplitAbout
title="Interested in Any Property?"
description={[
"Our gallery showcases only a fraction of our complete portfolio. Each property has been carefully vetted and verified to meet our premium standards.", "Schedule a personalized consultation with our team to view detailed property information, arrange site visits, and discuss investment opportunities tailored to your specific requirements."
]}
useInvertedBackground={false}
showBorder={true}
buttons={[{ text: "Schedule Visit", href: "/contact" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
<FooterBase
logoText="Shine Native"
copyrightText="© 2025 Shine Native. All rights reserved. Premium Real Estate Solutions in India."
columns={[
{
title: "Company",
items: [
title: "Quick Links", items: [
{ label: "Home", href: "/" },
{ label: "About Us", href: "/about" },
{ label: "Services", href: "/services" },
{ label: "Gallery", href: "/gallery" },
{ label: "Contact", href: "/contact" },
],
{ label: "Gallery", href: "/gallery" }
]
},
{
title: "Properties",
items: [
{ label: "Luxury Villas", href: "/gallery" },
{ label: "Apartments", href: "/gallery" },
{ label: "Commercial", href: "/gallery" },
{ label: "Plots", href: "/gallery" },
],
title: "Services", items: [
{ label: "Property Buying", href: "/services" },
{ label: "Investment Consulting", href: "/services" },
{ label: "Property Management", href: "/services" },
{ label: "Commercial Properties", href: "/services" }
]
},
{
title: "Resources",
items: [
{ label: "Investment Guide", href: "#" },
{ label: "Market Insights", href: "#" },
{ label: "Blog", href: "#" },
{ label: "FAQ", href: "#" },
],
},
{
title: "Legal",
items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms & Conditions", href: "#" },
{ label: "Disclaimer", href: "#" },
{ label: "Cookie Policy", href: "#" },
],
},
title: "Contact", items: [
{ label: "Email: info@shinenative.com", href: "mailto:info@shinenative.com" },
{ label: "Phone: +91 9876543210", href: "tel:+919876543210" },
{ label: "Contact Form", href: "/contact" }
]
}
]}
bottomLeftText="© 2025 Shine Native Real Estate. All rights reserved."
bottomRightText="Made with excellence for real estate excellence"
/>
</div>
</ThemeProvider>

View File

@@ -1,58 +1,43 @@
import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import { Nunito_Sans } from "next/font/google";
import { Source_Sans_3 } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const halant = Halant({
variable: "--font-halant",
subsets: ["latin"],
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
variable: "--font-inter", subsets: ["latin"],
});
const nunitoSans = Nunito_Sans({
variable: "--font-nunito-sans",
subsets: ["latin"],
const sourceSans3 = Source_Sans_3({
variable: "--font-source-sans-3", subsets: ["latin"]
});
export const metadata: Metadata = {
title: "Shine Native - Premium Real Estate Solutions",
description: "Discover luxury properties, expert guidance, and investment opportunities with Shine Native across India.",
keywords: "real estate, luxury villas, apartments, plots, commercial properties, India",
metadataBase: new URL("https://shinenative.com"),
title: "Shine Native - Premium Real Estate Solutions in India", description: "Discover your perfect property with Shine Native. Expert real estate services for residential, luxury villas, apartments, plots, and commercial investments across India.", keywords: "real estate India, property buying, luxury villas, apartments, commercial properties, real estate investment, home buying India", metadataBase: new URL("https://shinenative.com"),
alternates: {
canonical: "https://shinenative.com",
canonical: "https://shinenative.com"
},
openGraph: {
title: "Shine Native - Find Your Perfect Property",
description: "Premium real estate solutions for residential, commercial, and investment properties across India.",
url: "https://shinenative.com",
siteName: "Shine Native",
images: [
title: "Shine Native - Premium Real Estate Solutions", description: "Find your perfect property with Shine Native. Trusted real estate partner across India for residential, commercial, and investment properties.", url: "https://shinenative.com", siteName: "Shine Native", type: "website", images: [
{
url: "http://img.b2bpic.net/free-photo/mosque-pictures-moroccan-wall-pattern_1203-5080.jpg",
alt: "Luxury properties by Shine Native",
},
],
type: "website",
url: "http://img.b2bpic.net/free-photo/modern-building-exterior-night-with-warm-uplighting_84443-74861.jpg", alt: "Luxury properties and buildings"
}
]
},
twitter: {
card: "summary_large_image",
title: "Shine Native - Premium Real Estate",
description: "Explore luxury properties and expert real estate guidance across India.",
images: ["http://img.b2bpic.net/free-photo/mosque-pictures-moroccan-wall-pattern_1203-5080.jpg"],
card: "summary_large_image", title: "Shine Native - Premium Real Estate", description: "Expert real estate solutions across India. Find residential, commercial, and investment properties.", images: ["http://img.b2bpic.net/free-photo/modern-building-exterior-night-with-warm-uplighting_84443-74861.jpg"]
},
robots: {
index: true,
follow: true,
},
follow: true
}
};
export default function RootLayout({
@@ -64,7 +49,7 @@ export default function RootLayout({
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${halant.variable} ${inter.variable} ${nunitoSans.variable} antialiased`}
className={`${halant.variable} ${inter.variable} ${sourceSans3.variable} antialiased`}
>
<Tag />
{children}

View File

@@ -1,276 +1,218 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import SplitAbout from "@/components/sections/about/SplitAbout";
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterBase from "@/components/sections/footer/FooterBase";
import Link from "next/link";
import { Home, Award, CheckCircle, MapPin, Shield, TrendingUp, Star, PhoneCall } from "lucide-react";
import { Home, TrendingUp, Building2, MapPin } from "lucide-react";
export default function HomePage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultButtonVariant="bounce-effect"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="mediumLarge"
borderRadius="rounded"
contentWidth="medium"
sizing="largeSmall"
background="none"
cardStyle="gradient-bordered"
background="grid"
cardStyle="inset"
primaryButtonStyle="double-inset"
secondaryButtonStyle="radial-glow"
headingFontWeight="semibold"
headingFontWeight="extrabold"
>
{/* Navbar */}
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
<NavbarLayoutFloatingOverlay
brandName="Shine Native"
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Gallery", id: "/gallery" },
{ name: "Contact", id: "/contact" }
]}
brandName="Shine Native"
button={{ text: "Contact Us", href: "/contact" }}
animateOnLoad={true}
button={{ text: "Schedule Consultation", href: "/contact" }}
/>
</div>
{/* Hero Section */}
<div id="hero" data-section="hero">
<HeroSplitDualMedia
<HeroOverlay
title="Find Your Perfect Property with Shine Native"
description="Discover exceptional residential properties, luxury villas, apartments, plots, and commercial spaces across India. Our expert team helps buyers and investors make informed decisions with trusted guidance and comprehensive real estate solutions."
tag="Premium Real Estate Solutions"
tagIcon={Home}
tagAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/mosque-pictures-moroccan-wall-pattern_1203-5080.jpg",
imageAlt: "Luxury modern buildings",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-panoramic-city-buildings-orange-sky-sunset_181624-27083.jpg",
imageAlt: "Indian city skyline",
},
]}
rating={5}
ratingText="Trusted by thousands of clients nationwide"
description="Discover residential properties, luxury villas, apartments, plots, and commercial spaces across India. Your trusted partner in real estate investments and home buying."
tag="Premium Real Estate"
imageSrc="http://img.b2bpic.net/free-photo/modern-building-exterior-night-with-warm-uplighting_84443-74861.jpg"
imageAlt="Modern luxury villas and buildings in India"
textPosition="center"
showBlur={true}
showDimOverlay={true}
buttons={[
{ text: "Explore Properties", href: "/gallery" },
{ text: "Schedule Consultation", href: "/contact" },
{ text: "Browse Properties", href: "#featured-properties" },
{ text: "Learn More", href: "/about" }
]}
background={{ variant: "plain" }}
mediaAnimation="slide-up"
buttonAnimation="slide-up"
/>
</div>
{/* Property Search Section */}
<div id="property-search" data-section="property-search">
<FeatureCardOne
title="Find Your Property Type"
description="Browse through our extensive collection of residential, commercial, and investment properties carefully curated across India."
tag="Property Categories"
tagAnimation="slide-up"
features={[
{
title: "Luxury Villas",
description: "Premium standalone properties with modern amenities and stunning architecture.",
imageSrc: "http://img.b2bpic.net/free-photo/modern-villa-with-multiple-lights-sun-loungers-asprovalta-greece_1268-16093.jpg?_wi=1",
imageAlt: "Luxury villa exterior",
button: { text: "View Villas", href: "/gallery" },
},
{
title: "Apartments",
description: "High-rise modern apartments in prime locations with excellent connectivity.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-resting-home-with-good-mood_651396-28.jpg?_wi=1",
imageAlt: "Modern apartment interior",
button: { text: "View Apartments", href: "/gallery" },
},
{
title: "Plots",
description: "Residential and commercial plots in emerging and established localities.",
imageSrc: "http://img.b2bpic.net/free-photo/village-view-from_1385-478.jpg?_wi=1",
imageAlt: "Residential plot",
button: { text: "View Plots", href: "/gallery" },
},
{
title: "Commercial Spaces",
description: "Prime office spaces and commercial properties for business growth.",
imageSrc: "http://img.b2bpic.net/free-photo/business-people-walking-outside-office-building_107420-74359.jpg?_wi=1",
imageAlt: "Commercial building",
button: { text: "View Commercial", href: "/gallery" },
},
]}
gridVariant="two-columns-alternating-heights"
animationType="slide-up"
<FeatureCardEight
title="Find Your Ideal Property Type"
description="Explore our wide range of real estate offerings tailored to your needs and investment goals."
tag="Property Search"
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
features={[
{
id: 1,
title: "Residential Apartments", description: "Modern, well-designed apartments in prime locations with all amenities", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-contemporary-modern-design-apartment-with-natural-light-fron-bir-window-white-curtain_609648-70.jpg", imageAlt: "Residential apartments"
},
{
id: 2,
title: "Luxury Villas", description: "Premium villas with spacious layouts and exclusive features", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-tropical-beach-front-hotel-resort-with-swimming-pool-paradise-destination-vacations-ge_1258-150769.jpg", imageAlt: "Luxury villas"
},
{
id: 3,
title: "Plots & Land", description: "Investment-ready plots in emerging and established areas", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-field-with-white-clouds-clear-sky_181624-16079.jpg", imageAlt: "Plots and land"
},
{
id: 4,
title: "Commercial Spaces", description: "Office spaces and retail units for growing businesses", imageSrc: "http://img.b2bpic.net/free-photo/business-people-walking-outside-office-building_107420-74359.jpg", imageAlt: "Commercial spaces"
}
]}
/>
</div>
{/* Featured Properties */}
<div id="featured-properties" data-section="featured-properties">
<ProductCardOne
title="Featured Properties"
description="Discover our handpicked selection of premium properties offering excellent investment and lifestyle opportunities."
tag="Curated Listings"
tagAnimation="slide-up"
products={[
{
id: "1",
name: "Luxury Villa in Mumbai",
price: "₹2.5 Crore",
imageSrc: "http://img.b2bpic.net/free-photo/modern-villa-with-multiple-lights-sun-loungers-asprovalta-greece_1268-16093.jpg?_wi=2",
imageAlt: "Luxury villa Mumbai",
},
{
id: "2",
name: "Premium Apartment - Bangalore",
price: "₹1.8 Crore",
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-resting-home-with-good-mood_651396-28.jpg?_wi=2",
imageAlt: "Premium apartment Bangalore",
},
{
id: "3",
name: "Commercial Complex - Delhi",
price: "₹4.2 Crore",
imageSrc: "http://img.b2bpic.net/free-photo/business-people-walking-outside-office-building_107420-74359.jpg?_wi=2",
imageAlt: "Commercial complex Delhi",
},
]}
description="Handpicked premium properties from our portfolio across India"
tag="Available Now"
textboxLayout="default"
useInvertedBackground={true}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
products={[
{
id: "1", name: "Luxury Villa - Mumbai", price: "₹2.5 Cr", imageSrc: "http://img.b2bpic.net/free-photo/mosque-pictures-moroccan-wall-pattern_1203-5080.jpg", imageAlt: "Luxury villa in Mumbai", onProductClick: () => window.open("https://shinenative.com/properties/1", "_blank")
},
{
id: "2", name: "Premium Apartment - Bangalore", price: "₹1.2 Cr", imageSrc: "http://img.b2bpic.net/free-photo/dining-area-comfortable-studio-flat-hotel-room_1262-12324.jpg", imageAlt: "Premium apartment in Bangalore", onProductClick: () => window.open("https://shinenative.com/properties/2", "_blank")
},
{
id: "3", name: "Commercial Complex - Delhi", price: "₹3.8 Cr", imageSrc: "http://img.b2bpic.net/free-photo/modern-business-buildings-financial-district_1359-347.jpg", imageAlt: "Commercial complex in Delhi", onProductClick: () => window.open("https://shinenative.com/properties/3", "_blank")
}
]}
/>
</div>
{/* Why Choose Us */}
<div id="why-choose-us" data-section="why-choose-us">
<SplitAbout
<div id="why-choose" data-section="why-choose">
<TextSplitAbout
title="Why Choose Shine Native"
description="We are India's trusted real estate partner, delivering exceptional service and unparalleled expertise in property buying, selling, and investment across the nation."
tag="Our Expertise"
tagIcon={Award}
tagAnimation="slide-up"
bulletPoints={[
{
title: "Expert Guidance",
description: "Our experienced team provides personalized consultation for every property decision.",
icon: CheckCircle,
},
{
title: "Nationwide Coverage",
description: "Access to premium properties across major cities and emerging markets in India.",
icon: MapPin,
},
{
title: "Transparent Processes",
description: "Complete transparency in pricing, documentation, and transaction procedures.",
icon: Shield,
},
{
title: "Investment Support",
description: "Comprehensive guidance for real estate investment opportunities and ROI analysis.",
icon: TrendingUp,
},
description={[
"With years of expertise in India's diverse real estate market, Shine Native provides comprehensive solutions for buyers, sellers, and investors seeking trustworthy guidance.", "Our professional team combines market knowledge, industry connections, and personalized service to ensure every transaction is smooth and rewarding. We prioritize transparency, integrity, and client success in every engagement."
]}
imageSrc="http://img.b2bpic.net/free-photo/financial-advisor-communicating-with-young-couple-while-going-through-their-financial-reports-meeting-home_637285-3046.jpg"
imageAlt="Real estate consultation"
imagePosition="right"
useInvertedBackground={false}
showBorder={true}
buttons={[{ text: "Our Story", href: "/about" }]}
/>
</div>
<div id="our-services" data-section="our-services">
<MetricCardThree
title="Our Core Services"
description="Comprehensive real estate solutions designed to meet your property needs"
textboxLayout="default"
useInvertedBackground={true}
animationType="slide-up"
metrics={[
{ id: "1", icon: Home, title: "Property Buying", value: "Expert Assistance" },
{ id: "2", icon: TrendingUp, title: "Investment Consulting", value: "Strategic Guidance" },
{ id: "3", icon: Building2, title: "Property Management", value: "Full Support" },
{ id: "4", icon: MapPin, title: "Site Visits", value: "Personalized Tours" }
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
title="Trusted by Investors & Homebuyers"
description="Real experiences from our satisfied clients across India"
textboxLayout="default"
useInvertedBackground={false}
mediaAnimation="slide-up"
/>
</div>
{/* Testimonials */}
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
testimonials={[
{ id: "1", name: "Rajesh Kumar", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "Rajesh Kumar" },
{ id: "2", name: "Priya Sharma", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "Priya Sharma" },
{ id: "3", name: "Amit Patel", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", imageAlt: "Amit Patel" },
{ id: "4", name: "Neha Gupta", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4", imageAlt: "Neha Gupta" },
{ id: "5", name: "Vikram Singh", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=5", imageAlt: "Vikram Singh" },
{ id: "6", name: "Anjali Desai", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=6", imageAlt: "Anjali Desai" },
{
id: "1", title: "Seamless Home Purchase", quote: "Shine Native made our property buying journey incredibly smooth. The team's professionalism and attention to detail gave us complete confidence in our investment.", name: "Rajesh Kumar", role: "Homebuyer - Bangalore", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-handsome-businessman_1262-21003.jpg", imageAlt: "Rajesh Kumar"
},
{
id: "2", title: "Investment Success", quote: "Their market insights helped me make informed decisions about my real estate portfolio. Exceptional service and transparent communication throughout.", name: "Priya Sharma", role: "Property Investor - Mumbai", imageSrc: "http://img.b2bpic.net/free-photo/smiley-businesswoman-posing-outdoors_23-2148767054.jpg", imageAlt: "Priya Sharma"
},
{
id: "3", title: "Professional Expertise", quote: "As a first-time buyer, I appreciated their patient guidance and comprehensive support. Shine Native truly understands the Indian real estate market.", name: "Amit Patel", role: "First-time Buyer - Delhi", imageSrc: "http://img.b2bpic.net/free-photo/businessman-black-suit-smiling-positively_114579-15887.jpg", imageAlt: "Amit Patel"
},
{
id: "4", title: "Trustworthy Partner", quote: "We've worked with Shine Native on multiple commercial properties. Their reliability and market knowledge are unmatched in the industry.", name: "Vikram Singh", role: "Corporate Real Estate - Pune", imageSrc: "http://img.b2bpic.net/free-photo/relaxed-man-office_1098-3794.jpg", imageAlt: "Vikram Singh"
},
{
id: "5", title: "Excellent Results", quote: "From property search to final negotiations, Shine Native handled everything with professionalism. Highly recommend for serious investors.", name: "Neha Gupta", role: "Property Dealer - Hyderabad", imageSrc: "http://img.b2bpic.net/free-photo/smiley-businesswoman-posing-outdoors_23-2148767054.jpg", imageAlt: "Neha Gupta"
},
{
id: "6", title: "Best in Business", quote: "Outstanding service quality and commitment to client satisfaction. Shine Native sets the standard for premium real estate services.", name: "Suresh Iyer", role: "Real Estate Consultant - Chennai", imageSrc: "http://img.b2bpic.net/free-photo/relaxed-man-office_1098-3794.jpg", imageAlt: "Suresh Iyer"
}
]}
cardTitle="Over 5,000 satisfied clients across India trust Shine Native for their real estate needs and investments"
cardTag="Client Success Stories"
cardTagIcon={Star}
cardAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
{/* Contact CTA */}
<div id="contact-cta" data-section="contact-cta">
<ContactCTA
tag="Get Started Today"
tagIcon={PhoneCall}
tagAnimation="slide-up"
title="Ready to Find Your Dream Property?"
description="Connect with our expert team to explore exclusive properties, get personalized guidance, and make your real estate dreams a reality."
buttons={[
{ text: "Book a Consultation", href: "/contact" },
{ text: "View Gallery", href: "/gallery" },
]}
buttonAnimation="slide-up"
background={{ variant: "plain" }}
useInvertedBackground={false}
<div id="cta-contact" data-section="cta-contact">
<ContactSplit
tag="Get Started"
title="Schedule Your Property Consultation Today"
description="Connect with our expert team to discuss your real estate goals, explore investment opportunities, and find your perfect property across India."
useInvertedBackground={true}
imageSrc="http://img.b2bpic.net/free-photo/boss-instructing-assistant-colleagues-standing-sitting-table-with-monitor-documents-manager-pointing-paper-listening-coworker-business-communication-concept_74855-11543.jpg"
imageAlt="Professional consultation office"
mediaAnimation="slide-up"
background={{ variant: "radial-gradient" }}
inputPlaceholder="Enter your email"
buttonText="Schedule Now"
termsText="By scheduling, you agree to our consultation policies and privacy terms."
onSubmit={(email) => console.log("Email submitted:", email)}
/>
</div>
{/* Footer */}
<div id="footer" data-section="footer">
<FooterSimple
<FooterBase
logoText="Shine Native"
copyrightText="© 2025 Shine Native. All rights reserved. Premium Real Estate Solutions in India."
columns={[
{
title: "Company",
items: [
title: "Quick Links", items: [
{ label: "Home", href: "/" },
{ label: "About Us", href: "/about" },
{ label: "Services", href: "/services" },
{ label: "Gallery", href: "/gallery" },
{ label: "Contact", href: "/contact" },
],
{ label: "Gallery", href: "/gallery" }
]
},
{
title: "Properties",
items: [
{ label: "Luxury Villas", href: "/gallery" },
{ label: "Apartments", href: "/gallery" },
{ label: "Commercial", href: "/gallery" },
{ label: "Plots", href: "/gallery" },
],
title: "Services", items: [
{ label: "Property Buying", href: "/services" },
{ label: "Investment Consulting", href: "/services" },
{ label: "Property Management", href: "/services" },
{ label: "Commercial Properties", href: "/services" }
]
},
{
title: "Resources",
items: [
{ label: "Investment Guide", href: "#" },
{ label: "Market Insights", href: "#" },
{ label: "Blog", href: "#" },
{ label: "FAQ", href: "#" },
],
},
{
title: "Legal",
items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms & Conditions", href: "#" },
{ label: "Disclaimer", href: "#" },
{ label: "Cookie Policy", href: "#" },
],
},
title: "Contact", items: [
{ label: "Email: info@shinenative.com", href: "mailto:info@shinenative.com" },
{ label: "Phone: +91 9876543210", href: "tel:+919876543210" },
{ label: "Contact Form", href: "/contact" }
]
}
]}
bottomLeftText="© 2025 Shine Native Real Estate. All rights reserved."
bottomRightText="Made with excellence for real estate excellence"
/>
</div>
</ThemeProvider>

View File

@@ -1,154 +1,128 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { PhoneCall } from "lucide-react";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
import FooterBase from "@/components/sections/footer/FooterBase";
import Link from "next/link";
import { CheckCircle, Briefcase, LineChart, Home } from "lucide-react";
export default function ServicesPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultButtonVariant="bounce-effect"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="mediumLarge"
borderRadius="rounded"
contentWidth="medium"
sizing="largeSmall"
background="none"
cardStyle="gradient-bordered"
background="grid"
cardStyle="inset"
primaryButtonStyle="double-inset"
secondaryButtonStyle="radial-glow"
headingFontWeight="semibold"
headingFontWeight="extrabold"
>
{/* Navbar */}
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
<NavbarLayoutFloatingOverlay
brandName="Shine Native"
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Gallery", id: "/gallery" },
{ name: "Contact", id: "/contact" }
]}
brandName="Shine Native"
button={{ text: "Contact Us", href: "/contact" }}
animateOnLoad={true}
button={{ text: "Schedule Consultation", href: "/contact" }}
/>
</div>
{/* Premium Services */}
<div id="services" data-section="services">
<FeatureCardOne
title="Our Premium Services"
description="Comprehensive real estate solutions tailored to your unique needs, whether buying, selling, or investing."
tag="Full Service Excellence"
tagAnimation="slide-up"
features={[
{
title: "Property Buying Assistance",
description: "Expert guidance through every step of property acquisition with legal and financial support.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-real-estate-agent-talking-with-couple-interested-buying-new-home_637285-6081.jpg?_wi=2",
imageAlt: "Property buying consultation",
},
{
title: "Property Selling Support",
description: "Professional marketing and negotiation to ensure you get the best value for your property.",
imageSrc: "http://img.b2bpic.net/free-photo/young-real-estate-agents-selling-property_23-2147650180.jpg",
imageAlt: "Property selling support",
},
{
title: "Investment Consulting",
description: "Strategic advice on real estate investments with market analysis and growth potential assessment.",
imageSrc: "http://img.b2bpic.net/free-photo/house-model-compass-plan-background-real-estate-concept_1423-179.jpg?_wi=2",
imageAlt: "Real estate investment analysis",
},
{
title: "Site Visit Arrangements",
description: "Personalized property viewing experiences with detailed site walkthroughs and discussions.",
imageSrc: "http://img.b2bpic.net/free-photo/modern-villa-with-multiple-lights-sun-loungers-asprovalta-greece_1268-16093.jpg?_wi=3",
imageAlt: "Property site visit",
},
{
title: "Property Management",
description: "Complete management services including maintenance, tenant coordination, and rent collection.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-resting-home-with-good-mood_651396-28.jpg?_wi=3",
imageAlt: "Property management services",
},
{
title: "Commercial Real Estate",
description: "Specialized consulting for commercial property acquisition and development opportunities.",
imageSrc: "http://img.b2bpic.net/free-photo/business-people-walking-outside-office-building_107420-74359.jpg?_wi=4",
imageAlt: "Commercial real estate",
},
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
<div id="service-process" data-section="service-process">
<FeatureCardEight
title="Our Service Delivery Process"
description="A comprehensive, step-by-step approach to achieving your real estate goals with Shine Native"
tag="How We Work"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
{/* Services CTA */}
<div id="services-cta" data-section="services-cta">
<ContactCTA
tag="Get Professional Support"
tagIcon={PhoneCall}
tagAnimation="slide-up"
title="Let Our Experts Help You Today"
description="Whether you're buying, selling, or investing in real estate, our team of professionals is ready to provide comprehensive support and guidance throughout your journey."
buttons={[
{ text: "Book a Service Consultation", href: "/contact" },
{ text: "View Property Gallery", href: "/gallery" },
animationType="slide-up"
features={[
{
id: 1,
title: "Consultation & Assessment", description: "We begin with an in-depth consultation to understand your needs, budget, timeline, and preferences in detail.", imageSrc: "http://img.b2bpic.net/free-photo/boss-instructing-assistant-colleagues-standing-sitting-table-with-monitor-documents-manager-pointing-paper-listening-coworker-business-communication-concept_74855-11543.jpg", imageAlt: "Consultation meeting"
},
{
id: 2,
title: "Market Research & Matching", description: "Our team conducts thorough market research to identify properties that perfectly match your criteria and investment goals.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-contemporary-modern-design-apartment-with-natural-light-fron-bir-window-white-curtain_609648-70.jpg", imageAlt: "Market research and property matching"
},
{
id: 3,
title: "Site Visits & Evaluation", description: "We arrange personalized site visits and provide detailed evaluations of each property, including legal and structural assessments.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-tropical-beach-front-hotel-resort-with-swimming-pool-paradise-destination-vacations-ge_1258-150769.jpg", imageAlt: "Property site visit"
},
{
id: 4,
title: "Negotiation & Closure", description: "We handle all negotiations, documentation, and legal processes to ensure a smooth and transparent closing.", imageSrc: "http://img.b2bpic.net/free-photo/modern-business-buildings-financial-district_1359-347.jpg", imageAlt: "Deal closure and documentation"
}
]}
/>
</div>
<div id="service-benefits" data-section="service-benefits">
<TextSplitAbout
title="Why Our Services Stand Out"
description={[
"At Shine Native, we don't just sell properties—we build lasting relationships. Our comprehensive service portfolio is designed to address every aspect of your real estate journey, from initial consultation to post-purchase support.", "With access to exclusive property listings, market insights, and a network of trusted professionals, we deliver value at every step. Our commitment to transparency and client satisfaction has made us the preferred choice for discerning buyers and investors across India."
]}
useInvertedBackground={false}
showBorder={true}
buttons={[{ text: "Get Started", href: "/contact" }]}
/>
</div>
<div id="service-features" data-section="service-features">
<MetricCardThree
title="Service Highlights"
description="What makes Shine Native the premier choice for real estate services"
textboxLayout="default"
useInvertedBackground={true}
animationType="slide-up"
metrics={[
{ id: "1", icon: CheckCircle, title: "Legal Support", value: "Complete Compliance" },
{ id: "2", icon: Briefcase, title: "Portfolio Management", value: "Expert Handling" },
{ id: "3", icon: LineChart, title: "Market Insights", value: "Data-Driven" },
{ id: "4", icon: Home, title: "Post-Purchase", value: "Ongoing Support" }
]}
buttonAnimation="slide-up"
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
{/* Footer */}
<div id="footer" data-section="footer">
<FooterSimple
<FooterBase
logoText="Shine Native"
copyrightText="© 2025 Shine Native. All rights reserved. Premium Real Estate Solutions in India."
columns={[
{
title: "Company",
items: [
title: "Quick Links", items: [
{ label: "Home", href: "/" },
{ label: "About Us", href: "/about" },
{ label: "Services", href: "/services" },
{ label: "Gallery", href: "/gallery" },
{ label: "Contact", href: "/contact" },
],
{ label: "Gallery", href: "/gallery" }
]
},
{
title: "Properties",
items: [
{ label: "Luxury Villas", href: "/gallery" },
{ label: "Apartments", href: "/gallery" },
{ label: "Commercial", href: "/gallery" },
{ label: "Plots", href: "/gallery" },
],
title: "Services", items: [
{ label: "Property Buying", href: "/services" },
{ label: "Investment Consulting", href: "/services" },
{ label: "Property Management", href: "/services" },
{ label: "Commercial Properties", href: "/services" }
]
},
{
title: "Resources",
items: [
{ label: "Investment Guide", href: "#" },
{ label: "Market Insights", href: "#" },
{ label: "Blog", href: "#" },
{ label: "FAQ", href: "#" },
],
},
{
title: "Legal",
items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms & Conditions", href: "#" },
{ label: "Disclaimer", href: "#" },
{ label: "Cookie Policy", href: "#" },
],
},
title: "Contact", items: [
{ label: "Email: info@shinenative.com", href: "mailto:info@shinenative.com" },
{ label: "Phone: +91 9876543210", href: "tel:+919876543210" },
{ label: "Contact Form", href: "/contact" }
]
}
]}
bottomLeftText="© 2025 Shine Native Real Estate. All rights reserved."
bottomRightText="Made with excellence for real estate excellence"
/>
</div>
</ThemeProvider>