Experience Luxury

Where timeless elegance meets modern comfort. Discover a sanctuary of refined hospitality on the shores of the Pacific.

About Our Hotel

Nestled along the pristine coastline, The Grandview has been a beacon of timeless hospitality since 1924. Our commitment to extraordinary service, world-class dining, and unparalleled comfort has earned us recognition among the finest hotels worldwide.

Each of our 200 rooms and suites has been thoughtfully designed to offer a perfect blend of classic elegance and contemporary sophistication, ensuring every guest experience is nothing short of exceptional.

Hotel Exterior

Our Rooms

Choose from our selection of beautifully appointed accommodations.

Suite with panoramic views

Deluxe Suite

$450/night

King Bed
Ocean View
Private Balcony
Mini Bar
Room Service

Book Now

Room overlooking the ocean

Ocean View Room

$320/night

Queen Bed
Ocean View
Complimentary Breakfast
Wi-Fi

Book Now

Comfortable standard room

Standard Room

$180/night

Double Bed
City View
Wi-Fi
Coffee Maker

Book Now

View all rooms →

Guest Reviews

What our guests have to say about their stay.

“An absolutely stunning stay. The staff went above and beyond to make our anniversary special. The ocean view from the Deluxe Suite was breathtaking.”

Sarah Mitchell

March 2026

“World-class service and immaculate rooms. The restaurant alone is worth the visit. We will definitely be returning next summer.”

James Rivera

February 2026

“Beautiful property with excellent amenities. The spa was a highlight of our trip. Only wish checkout was a bit later.”

Emily Chen

January 2026

Theme Config

Edit the CSS custom properties below and click Apply to see changes live. Copy the config to use in your own project.

:root {
  /* Colors — warm gold hospitality */
  --background: 30 50% 99%;
  --foreground: 30 10% 12%;
  --card: 30 30% 99%;
  --card-foreground: 30 10% 12%;
  --popover: 0 0% 100%;
  --popover-foreground: 30 10% 12%;
  --primary: 35 85% 45%;
  --primary-foreground: 0 0% 100%;
  --secondary: 30 15% 95%;
  --secondary-foreground: 30 10% 40%;
  --accent: 35 40% 93%;
  --accent-foreground: 35 85% 35%;
  --muted: 30 15% 95%;
  --muted-foreground: 30 8% 45%;
  --destructive: 0 70% 50%;
  --destructive-foreground: 0 0% 100%;
  --success: 142 60% 38%;
  --success-foreground: 0 0% 100%;
  --warning: 38 92% 50%;
  --warning-foreground: 30 10% 12%;
  --border: 30 12% 90%;
  --input: 30 12% 90%;
  --ring: 35 85% 45%;
  --chart-1: 35 85% 45%;
  --chart-2: 160 50% 40%;
  --chart-3: 200 60% 45%;
  --chart-4: 330 50% 50%;
  --chart-5: 280 40% 50%;

/* Sidebar */
  --sidebar-background: 30 20% 97%;
  --sidebar-foreground: 30 10% 12%;
  --sidebar-primary: 35 85% 45%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 35 40% 93%;
  --sidebar-accent-foreground: 35 85% 35%;
  --sidebar-border: 30 12% 90%;
  --sidebar-ring: 35 85% 45%;

/* Typography */
  --font-sans: 'DM Sans', system-ui, sans-serif;
  --font-heading: 'DM Serif Display', Georgia, serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

/* Shadows */
  --shadow-none: none;
  --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.04);
  --shadow-md: 0 3px 6px -1px rgb(0 0 0 / 0.05), 0 1px 3px -1px rgb(0 0 0 / 0.03);
  --shadow-lg: 0 8px 16px -3px rgb(0 0 0 / 0.06), 0 3px 6px -3px rgb(0 0 0 / 0.03);
  --shadow-xl: 0 14px 24px -5px rgb(0 0 0 / 0.07), 0 5px 8px -5px rgb(0 0 0 / 0.03);

/* Glass & overlay */
  --overlay-opacity: 0.5;
  --backdrop-blur: 10px;
  --glass-bg: rgba(255, 252, 248, 0.85);
  --glass-border: rgba(255, 255, 255, 0.2);

/* Spacing & density — spacious, elegant */
  --spacing-scale: 1.1;
  --container-max-width: 1200px;
  --container-padding: 2rem;
  --card-padding: 1.75rem;
  --input-height: 2.75rem;
  --button-height: 2.5rem;
  --section-gap: 5rem;

/* Typography tokens */
  --letter-spacing-tighter: -0.04em;
  --letter-spacing-tight: -0.02em;
  --letter-spacing-normal: 0;
  --letter-spacing-wide: 0.02em;
  --letter-spacing-wider: 0.05em;
  --line-height-tight: 1.3;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.75;
  --heading-weight: 600;
  --heading-letter-spacing: -0.01em;
  --heading-line-height: 1.2;

/* Shape — medium rounded, elegant */
  --radius: 0.5rem;
  --radius-none: 0;
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-2xl: 1.25rem;
  --radius-full: 9999px;
  --avatar-radius: 9999px;
  --badge-radius: 9999px;
  --button-radius: 0.5rem;
  --input-radius: 0.5rem;
  --card-radius: 0.75rem;
  --tooltip-radius: 0.375rem;

/* Component shadows */
  --card-shadow: 0 2px 4px 0 rgb(0 0 0 / 0.04);
  --dropdown-shadow: 0 8px 16px -3px rgb(0 0 0 / 0.06), 0 3px 6px -3px rgb(0 0 0 / 0.03);
  --dialog-shadow: 0 14px 24px -5px rgb(0 0 0 / 0.07), 0 5px 8px -5px rgb(0 0 0 / 0.03);
  --button-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.04);

/* Borders & dividers */
  --border-width: 1px;
  --border-style: solid;
  --divider-style: solid;
  --divider-opacity: 0.12;

/* Inputs */
  --input-style: bordered;
  --input-border-on-focus: 0;
  --placeholder-opacity: 0.45;

/* Buttons */
  --button-style: filled;
  --button-weight: 500;
  --hover-effect: darken;
  --active-effect: scale-down;
  --disabled-opacity: 0.5;

/* Links */
  --link-style: color-only;
  --link-weight: inherit;

/* Focus */
  --focus-ring-width: 2px;
  --focus-ring-offset: 2px;
  --focus-ring-style: ring;

/* Icons */
  --icon-style: outlined;
  --icon-stroke-width: 1.5;
  --icon-size: 1.25rem;

/* Scrollbar */
  --scrollbar-style: thin;
  --scrollbar-track: transparent;
  --scrollbar-thumb: rgba(0, 0, 0, 0.12);

/* Selection */
  --selection-background: 35 85% 45%;
  --selection-foreground: 0 0% 100%;

/* Tooltips */
  --tooltip-style: dark;

/* Tables */
  --table-style: clean;
  --table-header-weight: 600;

/* Loading */
  --spinner-style: circle;

/* Motion */
  --transition-duration: 200ms;
  --transition-easing: cubic-bezier(0.4, 0, 0.2, 1);
  --animation-speed: normal;
  --hover-transition: 200ms ease;
  --enter-transition: 250ms ease-out;
  --exit-transition: 200ms ease-in;
}

RBuilt with Refraction UI